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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • linux下杀死某个进程_shell脚本获取进程号并杀死进程

    linux下杀死某个进程_shell脚本获取进程号并杀死进程在做项目的时候经常会出现程序死机、锁死、无响应等情况,这时候就需要找到程序相应的进程将其杀掉即可。步骤如下:1.定位进程top命令:可以实时动态地查看系统的整体运行情况,是一个综合了多方信息监测系统性能和运行信息的实用工具。通过top命令所提供的互动式界面,用热键可以管理。输入top后可以看到如下的界面,实时显示进程情况。ps命令:processstatus的简称,用于报告当…

    2022年9月28日
    0
  • Nginx出现403 forbidden

    Nginx出现403 forbiddennginx访问时报403,于是查看nginx日志,路径为/var/log/nginx/error.log。打开日志发现报错Permissiondenied,详细报错如下:1.open()"/data/www/1.txt"failed(13:Permissiondenied),client:192.168.1.194,server:www.web1.com,re…

    2022年6月11日
    155
  • 计算机端口详解(总结)「建议收藏」

    计算机端口详解(总结)「建议收藏」计算机端口详解(总结)https://blog.csdn.net/qq_17204441/article/details/890630830×00什么是端口0x01端口的分类0x02端口在入侵中的作用0x03端口的相关工具0x04保护好自己的端口0x05端口扫描0x06阻止端口扫描摘要端口是个网络应用中很重要的东西,相当于“门”了。0…

    2022年7月14日
    19
  • 推荐12个运用Silverlight做的网站

    推荐12个运用Silverlight做的网站 一个用到zoom技术的示例站点:http://mosaicmaniac.com/?c=Zoom&i=horse5 下面这个站点一看应该是国内的站点,呵呵,非常具有中国特色http://www.ascendingintegration.com/Mahjongg/ 一个silverlight的拼图游戏,大家可以去尝试一下:http://www.silverlightshow.ne

    2022年10月18日
    0
  • 手把手教你实现一个微信自动回复机器人「建议收藏」

    手把手教你实现一个微信自动回复机器人「建议收藏」RebateBot返利机器人项目地址项目描述关键词:返利微信阿里妈妈机器人跨平台返利机器人,基于微信建立机器人通道与用户通过聊天快速生成返利链接利用闲置微信和极小的电脑性能开启24小时无人轮值返利机器人购物只需要发送链接给机器人,机器人能马上给你回复优惠价格及链接功能实现微信机器人这个模块在这里可以看到最新的代码微信机器人[x]消息回调[x]自动回…

    2022年10月1日
    0
  • CSS鼠标样式[通俗易懂]

    CSS鼠标样式[通俗易懂]CSS鼠标样式cursor:pointer;鼠标变小手cursor其他取值auto:标准光标default:标准箭头pointer,hand:手形光标wait:等待光标text:I形光标…

    2022年5月31日
    30

发表回复

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

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