laydate 的使用并且会限制两个文本框内的的时间大小(后框大于前框)



首先:需要引入 jquery-1.10.2.js(版本不限) 和 laydate.js 文件;jquery 的引用必须在前面,否则不会出现希望的结果。

然后:
1)HTML 代码
<asp:TextBox ID="start" runat="server"></asp:TextBox>
<asp:TextBox ID="end" runat="server"></asp:TextBox>
    2)JS 代码
<script type="text/javascript">
        $(function () {
            var start = {
                elem: '#start', //选择ID为START的input  
                format: 'YYYY/MM/DD hh:mm:ss', //自动生成的时间格式  
                min: laydate.now(), //设定最小日期为当前日期  
                max: '2099-06-16 23:59:59', //最大日期  
                istime: true, //必须填入时间  
                istoday: false,  //是否是当天  
                start: laydate.now(0, "YYYY/MM/DD hh:mm:ss"),  //设置开始时间为当前时间  
                choose: function (datas) {
                    end.min = datas; //开始日选好后,重置结束日的最小日期  
                    end.start = datas //将结束日的初始值设定为开始日  
                }
            };
            var end = {
                elem: '#end',
                format: 'YYYY/MM/DD hh:mm:ss',
                min: laydate.now(),
                max: '2099-06-16 23:59:59',
                istime: true,
                istoday: false,
                start: laydate.now(0, "YYYY/MM/DD hh:mm:ss"),
                choose: function (datas) {
                    start.max = datas; //结束日选好后,重置开始日的最大日期  
                }
            };
            laydate(start);
            laydate(end);
        })
    </script>

 

最后显示为:

 

       

posted @ 2016-08-03 11:35  码到世界末日  阅读(1284)  评论(0编辑  收藏  举报