Layui 시간 선택기는 간격 필터링 효과를 구현합니다.

시간 선택자는 프로젝트에서 자주 사용되는데, Layui의 공식 문서를 찾았습니다. 시간 선택자는 독립적으로 존재합니다. 그러나 종료 시간 선택자 최대값이 시작 선택자에 의해 선택된 최종 시간임을 인식하려면 완료(선택된) 이벤트입니다. 다음 단계

더 이상 말도 안되는 소리는 없습니다. 코드를 직접 업로드하세요.

/**
  * @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,
                 }
             }
         });
     });
 }


Supongo que te gusta

Origin blog.csdn.net/qq_41194534/article/details/85335021
Recomendado
Clasificación