时间选择插件

精确到年月日：
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>