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


おすすめ

転載: blog.csdn.net/qq_41194534/article/details/85335021