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)


相关推荐

  • gtest整理_softest

    gtest整理_softest目录简介使用目的使用时机使用方法测试样例使用心得简介gtest是一个跨平台的C++单元测试框架,由google公司发布。gtest提供了丰富的断言,供开发者对代码块进行白盒测试。使用目的测试代码逻辑是否正确。编译器只能检测出语法错误但是无法检测到逻辑错误,比如一个函数或类是否完成了期望的功能。单元测试可以帮助我们判断代码设计得是否清晰合理。一块代码的逻辑越清晰,它的单元测试就可以设计得越简单。方便并行开发。一个程序的有不同模块相互耦合,某个模块未完成可能影响其他已完成模块的测试,这时可以利用

  • Java面试题大全(2020版)[通俗易懂]

    发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~本套Java面试题大全,全的不能再全,哈哈~一、Java基础1.JDK和JRE有什么区别?JDK:JavaDevelopmentKit的简称,java开发工具包,提供了java的开发环境和运行环境。 JRE:JavaRuntimeEnviron…

  • 浙江新增python课程_浙江教育新规重磅来袭:今年9月起,八年级新增Python编程课程…

    浙江新增python课程_浙江教育新规重磅来袭:今年9月起,八年级新增Python编程课程…浙江新学期将会对信息课程做调,三到九年级信息技术课将同步替换新器材。其中最大的变化是,八年级将新增Python课程内容。新高一信息技术编程语言由VB替换为Python,大数据、人工智能、程序设计与算法按照教材规划五六年级开始接触。有网友疑惑:“这算不算是超前教育了呢?”其实不然。早在2012年,日本就在中小学中普及编程教育科目;2014年,英国教育部把编程列入了学校的必修课程,让5岁以上的孩子都必…

  • 彻底弄清 anchorPoint 和 position「建议收藏」

    彻底弄清 anchorPoint 和 position「建议收藏」最近在研读《iOSCoreAnimationAdvancedTechniques》这一本书,想系统地学习下关于CALayer、Transition、以及动画等知识点。大家可以在gitbook上面找到该书的翻译版本。传送门在读到图层几何学这一章的时候,了解到了两个概念:anchorPoint和position。之前一直把position当成是矩形的中心点,如同UIView的center属性(事实上,在不改变anchorPoint的前提下,它确实是图层的中心点),但..

  • ide激活码【中文破解版】

    (ide激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。https://javaforall.cn/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~70YZDJVTFP-eyJsaWNlbnNlSWQiOi…

  • linux shell if字符串比较大小,linux中shell if 判断总结

    linux shell if字符串比较大小,linux中shell if 判断总结UNIXShell里面比较字符写法-eq等于;-ne不等于;-gt大于;-lt小于;-le小于等于;-ge大于等于;-z空串;-n非空串;=两个字符相等;!=两个字符不等无论什么编程语言都离不开条件…

发表回复

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

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