js日期时间选择器特效代码下载



6 21 8



特效描述:日期时间选择器,js日期时间选择器特效代码下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="style/index.css">

2. 引入JS

<script type="text/javascript" src="script/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="script/vue.min.js"></script>
<script type="text/javascript" src="script/components.js"></script>
<script type="text/javascript" src="script/leo-scroll.js"></script>
<script type="text/javascript" src="script/index.js"></script>

3. HTML代码

<div class="title">时间选择器</div>
<div class="container" id="vue">
	<div class="row1">
		<column>
			<row :name="'年月日'"><leo-date :sel-obj="dateObj" :sel-key="'d1'"></leo-date></row>
			<row :name="'年月'"><leo-date :date-type="2" :sel-obj="dateObj" :sel-key="'d2'"></leo-date></row>
			<row :name="'年'"><leo-date :date-type="3" :sel-obj="dateObj" :sel-key="'d3'"></leo-date></row>
			<row :name="'时钟'"><leo-date :date-type="4" :sel-obj="dateObj" :sel-key="'d4'"></leo-date></row>
			<row :name="'时间'"><leo-date :date-type="5" :sel-obj="dateObj" :sel-key="'d5'"></leo-date></row>
		</column>
	</div>
</div>
<div style="text-align:center;margin:100px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 时间轴 日历选择器 时间日期插件 日历日期时间

×
×
51前端

注册

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到