精确到年月日：
html:
<div >
<span>手机号</span><input type="number" />
<span>记录时间</span><input type="text" class="test1" />
至<input type="text" class="test2" />
</div>
js:
<script src="../js/laydate/laydate.js"></script>
<script>
//日期时间范围
laydate.render({
elem: '.test1'
,type: 'datetime'
});
laydate.render({
elem: '.test2'
,type: 'datetime'
});
</script>
精确到秒：
htML:
<link rel="stylesheet" type="text/css" href="../css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="../css/jquery-ui-1.8.21.custom.css" />
<div >
<span>手机号</span><input type="number" />
<span>记录时间</span><input type="text" class="test1" />
至<input type="text" class="test2" />
</div>
js:
<script src="../js/jquery-latest.min.js"></script>
<script src="../js/jquery-ui-1.9.2.custom.js"></script>
<script src="../js/jquery-ui-timepicker-addon.js"></script>
<script src="../js/jquery-ui-timepicker-addon-lang-zh_CN.js"></script>
<script type="text/javascript">
$(function () {
// 时间设置
$('.test1').datetimepicker({
timeFormat: "HH:mm:ss",
dateFormat: "yy-mm-dd"
});
});
</script>