layui的时间选择器自定义选择范围

最近用layui做项目,在时间选择这里,做个笔记留用

1. 时间和现在的关系
获取当前时间

//年-月-日
 function nowDate1(){
    var now = new Date();
    return now.getFullYear()+"-" + (now.getMonth()+1) + "-" + now.getDate();
  }
//时-分-秒
  function nowDate2(){
    var now = new Date();
    return now.getFullYear()+"-" + (now.getMonth()+1) + "-" + now.getDate() + " " + now.getHours()+":"+now.getSeconds()+":"+now.getMinutes();
  }

要求时间从当前时间开始(即最小值是现在)

laydate.render({
    elem: '#startDate',
    type: 'datetime',
    istime: true,
    istoday: true,
    min:nowDate1()
  });

分别的效果[当前时间:2019-9-25 15:26:16]:
layui的时间选择器自定义选择范围_第1张图片layui的时间选择器自定义选择范围_第2张图片

2. 有2个时间,结束时间不能大于开始时间

js代码

  //授课日期范围
  var startDate=laydate.render({
    elem: '#startDate',
    type: 'datetime',
    istime: true,
    istoday: true,
    done:function(value,date){
      if(value!=""){
        date.month=date.month-1;
        endDate.config.min=date;
      }else{
        endDate.config.min=startDate.config.min;
      }
    },
  });
  var endDate =laydate.render({
    elem: '#endDate',
    type: 'datetime',
    istime: true,
    istoday: true,
    done:function(value,date){
      if(value!=""){
        date.month=date.month-1;
        startDate.config.max=date;
      }else{
        startDate.config.max=endDate.config.max;
      }
    },
  });

layui的时间选择器自定义选择范围_第3张图片

你可能感兴趣的:(layui)