选择日期和时间

丶误入乱花丛中~

能够同时选择日期和时间的第三方控件第一步，先引用JS和CSS 注：JSS与CSS会上传上来的。
<link rel="stylesheet" href="../css/mobiscroll.custom-2.17.1.min.css" />
<script type="text/javascript" src="../script/jquery-1.11.0.js"></script>
<script type="text/javascript" src="../script/mobiscroll.min.js"></script>

HTML代码（样式我就不写了）
<body>
<table>
<tr>
<td class="td_img"><img src="../image/img/calendar1.png" /></td>
<td class="time"><span>开始时间：</span></td>
<td>
<input id="demob" placeholder="请选择时间" />
</td>
</tr>
<tr>
<td class="td_img"><img src="../image/img/calendar1.png" /></td>
<td><span>结束时间：</span></td>
<td>
<input id="demoe" placeholder="请选择时间" />
</td>
</tr>
</table>

</body>
JS代码
//选择时间开始时间
$(function() {
var now = new Date();
$('#demob').mobiscroll().datetime({
theme : 'android-holo-light',
lang : 'zh',
display : 'bottom',
dateOrder : 'yymmdd',
//timeFormat: 'HH:ii',
showLabel : true,
timeWheels : 'HHii',
seconds : false,
minDate : new Date(now.getFullYear(), now.getMonth(), now.getDate() - 30),
maxDate : new Date(now.getFullYear(), now.getMonth(), now.getDate() + 30)
});
});
//选择时间结束时间
$(function() {
var now = new Date();
$('#demoe').mobiscroll().datetime({
theme : 'android-holo-light',
lang : 'zh',
display : 'bottom',
dateOrder : 'yymmdd',
//timeFormat: 'HH:ii',
showLabel : true,
timeWheels : 'HHii',
seconds : false,
minDate : new Date(now.getFullYear(), now.getMonth(), now.getDate() - 30),
maxDate : new Date(now.getFullYear(), now.getMonth(), now.getDate() + 30)
});
});

以上就是选择日期时间的代码，效果图如下

附件：

丶误入乱花丛中~

第一个帖子，如果有那些不好的请多多指导

搜农

这个iOS里能用吗？

丶误入乱花丛中~

搜农发表于 2016-3-12 06:27
这个iOS里能用吗？

能用的支持IOS和Android 兼容性都没问题。

玩具.

哟,土豪............................

玩具.

会玩......................................

YonBIP社区

感谢分享

WULI前端

请问下可以去掉时分吗？或者想要日期时间并在一排怎么做呢？

liupan_app

在模拟器里面确定取消按钮没了

duancong

感谢，非常好的一个插件

选择日期和时间

浏览过的版块