layui 时间选择器实现区间段筛选效果

项目中常会用到时间选择器,但是找了一下layui的官方文档时间选择器是独立的存在,但是要实现end时间选择器max为start选择器最终选择时间,还需要在done(选中)事件做下一步处理

废话不多说。直接上代码

/**
  * @description: layui的时间区间选择限值函数
  * @param {start:开始时间选择器id,end:结束时间选择器id,} 
  * @return: min,max
  */
 function TimeRange(start, end) {
     layui.use('laydate', function() {
     	var laydate ,endDate ,startDate;
         laydate = layui.laydate;
         //设置开始时间日期范围
         startDate = laydate.render({
             elem: start,
             max: 0, //设置一个默认最大值
             done: function(value, date) {
                 endDate.config.min = {
                     year: date.year,
                     month: date.month - 1, //关键
                     date: date.date,
                 };
             }
         });
		 //设置结束时间日期范围
         endDate = laydate.render({
             elem: end, //选择器结束时间
             min: "1970-1-1", //设置min默认最小值,
             max: 0,
             done: function(value, date) {
                 startDate.config.max = {
                     year: date.year,
                     month: date.month - 1, //关键
                     date: date.date,
                 }
             }
         });
     });
 }


你可能感兴趣的:(js,笔记总结,layui)