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
      }
    }
  });
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 圣杯布局三种方式

    圣杯布局三种方式圣杯布局是经典的css布局,左右两栏是定宽,中间那一栏是自适应,下面将用felx、float、position三种方法进行圣杯布局,实现效果如下:圣杯布局之flexcss代码:header{ height:80px; background-color:#cccccc; } .box{ height:200px; background-color:…

    2022年6月29日
    97
  • 计算机如何寻址_PLC编程,如何学习SCL语言?SCL语言编程入门

    计算机如何寻址_PLC编程,如何学习SCL语言?SCL语言编程入门随着现代工控技术的不断发展,可能很多使用过PLC的技术人员都有这么一个感受:传统的‘梯形图’编程方式在面对越来越复杂的控制要求时,已显得力不从心。其实,现在很多大品牌的中高级PLC都支持国际电工委员会IEC61131标准中规范的五种编程语言的混合编程,即梯形图(LD)、结构化文本(ST)、流程图(SFC)、指令表(IL)和功能块(FB)。在这五种编程语言中,梯形图+结构化文本是一…

    2022年9月28日
    4
  • 浅谈如何带领好一个团队

    实习回来之后,小编接手了一个新的项目,市委组织部考核项目,听着有没有很高大上,因为这个项目是给国家机关做的,跟他们打交道,小编的心情只能用两个字来形容,呵呵,但是没有关系,这么难缠的客户,小编都能处理的游刃有余,以后还有啥,老师特别关爱小编,让小编担任这次项目的负责人,说实话,感觉自己还没有被别人带过做项目,怎么一转眼之间,小编就要开始带别人了呢?万一把人家带坑里了,怎么办?后来想想,坑越多越好,

    2022年4月3日
    38
  • 十进制小数转化为二进制的方法是_二进制怎么算

    十进制小数转化为二进制的方法是_二进制怎么算》》十进制整数转化为二进制:举例:10 商 余 10/2 5 0 5/2 2 1 2/2 1 0 1/2 0 1 所以10转化为二进制就是“1010”,从下到上,过多的就不说了,整数转化为二进制还是很简单的,只要遇到商为0即可结束。那么,十进制整数转化为二进制的算法会不…

    2022年9月25日
    2
  • 代码走查总结[通俗易懂]

    代码走查总结[通俗易懂]什么是代码走查代码走查就是,项目开发人员在一起,对代码进行讨论。项目开发人员可以向大家阐述代码的逻辑和写代码的思路!在向别人阐述的时候,会发现做自己写的代码出现的一些问题。收获我进行代码阐述的时候,是按照功能来进行的,在阐述的过程中,我能感觉到我自己是清楚这个逻辑思路的,但是说着说着就发现了一些说不通的地方,还有一些不合理的地方。这让我突然想到了,之前出现的一个bug但是,死活不知道是…

    2025年7月31日
    5
  • 斯皮尔曼等级相关称名数据_等级相关系数中的等级怎么算

    斯皮尔曼等级相关称名数据_等级相关系数中的等级怎么算转自:http://blog.csdn.net/wsywl/article/details/58597511、简介在统计学中,斯皮尔曼等级相关系数以CharlesSpearman命名,并经常用希

    2022年8月5日
    9

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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