Layui 时间控件限制[通俗易懂]

Layui 时间控件限制[通俗易懂]//当前时间varnowTime=newDate();//console.log(nowTime);//时间范围控制vartest5=laydate.render({elem:’#test5′,calendar:true,type:”datetime”,value:newDate((newDate()-5184000000))//2个月前//,range:true,min:-1000/

大家好,又见面了,我是你们的朋友全栈君。

						<div class="layui-inline" style="">
                            <label class="layui-form-label">时间</label>
                            <div class="layui-input-inline" style="">
                                <input type="text"  name="openTime1" class="layui-input" id="test5" value=""  placeholder="yyyy-MM-dd HH:mm:ss">
                            </div>
                            <div class="layui-form-mid">-</div>
                            <div class="layui-input-inline" style="">
                                <input type="text"  name="openTime2" class="layui-input" id="test6" value=""  placeholder="yyyy-MM-dd HH:mm:ss">
                            </div>
                        </div>

//当前时间
  var nowTime = new Date();
  //console.log(nowTime);

  // 时间范围控制
  var test5 = laydate.render({
    elem: '#test5'
    ,calendar:true
    ,type:"datetime"
    ,value: new Date((new Date() - 5184000000)) // 2个月前
    //,range: true
    ,min: -1000 //60天前
    ,max: 'nowTime' //0天后
    //,max: 0 //0天后
    ,btn:['confirm']
    ,change: function(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)才会返回。对象成员同上。
    }
    ,done: function(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)才会返回。对象成员同上。
      test6.config.min={
        year:date.year,
        month:date.month-1,//关键
        date:date.date,
        hours:date.hours,
        minutes:date.minutes,
        seconds:date.seconds
      };
    }
  });


  var test6 = laydate.render({
    elem: '#test6'
    ,calendar:true
    ,type:"datetime"
    ,value: new Date()
    //,theme: 'molv'
    ,min: -1000 //60天前
    ,max: 'nowTime' //0天后
    //,max: 0 //0天后
    ,change: function(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)才会返回。对象成员同上。
    }
    ,done: function(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)才会返回。对象成员同上。
      test5.config.max= {
        year: date.year,
        month: date.month - 1,//关键
        date: date.date,
        hours: date.hours,
        minutes: date.minutes,
        seconds: date.seconds
      }
    }
  });
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/142445.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • springboot+maven 项目 打jar包之后部署并启动方式「建议收藏」

    springboot+maven 项目 打jar包之后部署并启动方式「建议收藏」1、不管如何先clean下清掉之前的,命令:mvnclean。2、然后利用mvnpackage-DskipTests打出jar包。3、利用工具将jar包上传到linux服务器上面对应的位置。4、之前如果部署过的话先用命令ps-ef|grepjava看下进程,然后再利用kill-9把这个进程干掉。5、最后在利用命令nohupjava-jar…

  • C语言例题:输入两个正整数m和n,求其最大公约数和最小公倍数。

    C语言例题:输入两个正整数m和n,求其最大公约数和最小公倍数。题目:输入两个正整数m和n,求其最大公约数和最小公倍数。

  • 华为海关单据识别服务–基于文字识别技术[通俗易懂]

    华为海关单据识别服务–基于文字识别技术[通俗易懂]业务背景目前,华为公司在海外设有4大供应中心,海关报关单全球一年有35w份左右(其中中国进口5w份,出口15w份,及香港进出口10w份,其它子公司5w份左右)。现在的单据处理方式还停留在通过人工方式将单据内容手动录入到系统中,人工录入的方式除了效率低以外,还存在员工疏忽或者疲劳导致的误操作。如何快速、准确的处理如此数量庞大的单据成为了供应链的一大诉求。问题描述海关报关单据是单据中较为常见的一…

  • linux ftrace的原理和实现_bytes≤buffersize

    linux ftrace的原理和实现_bytes≤buffersize1、简介ringbuffer是trace框架的一个基础,所有的trace原始数据都是通过ringbuffer记录的。ringbuffer的作用主要有几个:1、存储在内存中,速度非常快,对系统性能的影响降到了最低;2、ring结构,循环写。可以很安全的使用又不浪费内存,能够get到最新的trace信息;但是,难点并不在这。真正的难点是系统会在常规上下文、中断(NMI、IRQ、SOF…

  • 文字识别:CRNN「建议收藏」

    文字识别:CRNN「建议收藏」文字识别:CRNN

  • tcp/ip详解(三卷全)pdf_tcp/ip详解pdf

    tcp/ip详解(三卷全)pdf_tcp/ip详解pdftcpdf类生成PDF文件:        一、安装tcpdf        二、tcpdf插件中examples      三、写入方法生成pdf页面              方法一、在index.php中写入pdfdemo方法                             01)、使用命名空间                                      u…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号