自适应日期时间钟表代码

小说大全免费阅读 2019-11-22 40 阅读

特效描述: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>

演示地址下载地址

最新游戏