laydate时间控件 控制结束时间不小于开始时间

标签: laydate时间控件    控制结束时间不小于开始时间

<td style="height: 70px">
	<input id="start_time" type="text" readonly="readonly" onclick="startTime();"/>
</td>
<tdstyle="height: 70px">
	<input id="end_time" type="text" readonly="readonly" onclick="endTime();">
</td>

 

<script type="text/javascript">
	Date.prototype.format = function (fmt) {
        var o = {
            "M+": this.getMonth() + 1, //月份
            "d+": this.getDate(), //日
            "h+": this.getHours(), //小时
            "m+": this.getMinutes(), //分
            "s+": this.getSeconds(), //秒
            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
            "S": this.getMilliseconds() //毫秒
        };
        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;
    };

    laydate.skin("danlan"); //日历皮肤

    function startTime() {
        var end = $("#end_time").val();
        var config = {
            elem: '#start_time',
            min: (new Date()).format("yyyy-MM-dd hh:mm:ss"),
            trigger: 'click',
            istime:true,
            format:'YYYY-MM-DD hh:mm:ss'
        };

        if(end){
            config.max = end;
        }
        laydate(config);
    }

    function endTime(){
        var start = $("#start_time").val();
        laydate({
            elem: '#end_time',
            trigger: 'click',
            min: start ? start : (new Date()).format("yyyy-MM-dd hh:mm:ss"),
            istime:true,
            format:'YYYY-MM-DD hh:mm:ss'
        })
    }
	
</script>

结果展示:

 

版权声明:本文为caohan_1989原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/caohan_1989/article/details/81750314