时间控件 laydate

laydate插件文件结构，使用时只需要引入 laydate.js文件即可

<script src="js/plugins/layer/laydate/laydate.js"></script>

1.HTML布局

<form action="operate/list.do">
<input id="layer-date-start" class="layer-date laydate-icon" value="${startTime}" placeholder="开始日期" name="startTime">
<input id="layer-date-end" class="layer-date laydate-icon" value="${endTime}" placeholder="结束日期" name="endTime">
<button class="btn btn-xs btn-primary" type="submit">查询</button>
</form> 

2.js部分初始化

//外部js调用
        laydate({
            elem : '#layer-date-start',
            event : 'focus',
            format: 'YYYY-MM-DD hh:mm:ss', // 日期格式
            istime: true 
        });
        laydate({
            elem : '#layer-date-end',
            event : 'focus', 
            format: 'YYYY-MM-DD hh:mm:ss', // 日期格式
            istime: true
        });     
       //外部js调用
        laydate({
            elem : '#layer-date-start',
            event : 'focus',
            format: 'YYYY-MM-DD hh:mm:ss', // 日期格式
            istime: true 
        });
        laydate({
            elem : '#layer-date-end',
            event : 'focus', 
            format: 'YYYY-MM-DD hh:mm:ss', // 日期格式
            istime: true
        });     
        var date = new Date();//控制起始时间为当前日期
        $("#layer-date-start").val(
            date.getFullYear()+'-'+
            (date.getMonth()+1)+'-'+
            date.getDate()+
            date.getHours()+':'+
            date.getMinutes()+':'+
            date.getSeconds());
        $("#layer-date-end").val(date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate());

js有一个自带的对象构造函数

var date = new Date(); //实例一个时间对象；

date .getFullYear();   //获取系统的年；

date .getMonth()+1;   //获取系统月份，由于月份是从0开始计算，所以要加1

date .getDate(); // 获取系统日，

date .getHours(); //获取系统时，

oDate.getMinutes(); //分

date .getSeconds(); //秒