特效描述:html5 适用于手机 日期和时间 选择器插件,有趣的日期和时间选择插件
代码部署教程
1. 引入CSS
<link rel="stylesheet" type="text/css" href="datedropper.css">
<link rel="stylesheet" type="text/css" href="timedropper.min.css">
2. 引入JS
<script type="text/javascript" src="jquery-1.12.3.min.js"></script>
<script src="datedropper.min.js"></script>
<script src="timedropper.min.js"></script>
3. HTML代码
<div id="main">
<div class="demo">
<p>请选择日期:<input type="text" class="input" id="pickdate" /></p><br/>
<p>请选择时间:<input type="text" class="input" id="picktime" /></p>
</div>
</div>
<script>
$("#pickdate").dateDropper({
animate: false,
format: 'Y-m-d',
maxYear: '2020'
});
$("#picktime").timeDropper({
meridians: false,
format: 'HH:mm',
});
</script>