zoukankan      html  css  js  c++  java
  • 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>

    最后显示为:

     

           

  • 相关阅读:
    AsyncTask,MailTask,ScheduledTask
    Mysql的事务理解
    MySQL初识
    HTTP 的原理零散知识点
    SpringBoot简单搭建开发
    Android 的生命周期
    C51 虚拟元器件
    JavaSE 知识整合 (更新中……)
    java关键字篇
    Android开启网络权限
  • 原文地址:https://www.cnblogs.com/Jacob-Wu/p/5732181.html
Copyright © 2011-2022 走看看