时间选择器

<html>
<body>
<input //必须为input元素
    type="text" //type必须等于text，单行输入框
    class="layui-input laydate" //class中有laydate表示这个单行输入框需要渲染成时间选择器
    data-type="month" //data-type表示时间选择器的类型，默认为datetime，year=年选择器，只提供年列表选择，month=年月选择器，只提供年-月选择，date=日期选择器，可选择格式：年-月-日，time=时间选择器，可选择格式为时:分:秒，datetime=日期时间选择器，可选择格式为：年-月-日 时:分:秒
    data-isRange="false" // 表示是否为范围选择器，默认为false
    data-done="时间选择完毕之后的回调函数名" // 非必填
        - 比如定义的值为callbackFun，然后在全局定义如下函数即可执行回调
            function callbackFun(value, date, endDate){
                console.log(value); //得到日期生成的值，如：2017-08-18
                console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
                console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
            }
    name="date" //提交表单时的name
    id="date" //元素的id值
    autocomplete="off" //不要浏览器记住已经输入过的值进行输入提示
    placeholder="请选择时间" //输入框为空时的提示文字
  />
<script>
    layui.use(['laytp'], function(){
        // 这里写表单渲染后的js
    });
</script>
</body>
</html>