元素界面时间选择器限制范围的实现(后续)

要求：

选择日期范围，但选择范围应在一周内。例如，如果第一个日期是1月17日，那么1月11日之前和1月23日之后的日期需要设置为禁止。

方法：

考虑到有两种设计方法：

1.使用两个独立的时间选择器进行控制是令人困惑的。2.使用日期范围选择器。

第一种方式，没有演示。有特殊需求的朋友请留言。在此选择使用日期范围选择器。可以预见，代码会干净很多。

渲染：

代码：

El-date-picker v-model=' datepick ' type=' date range ' value-format=' yyyy-mm-DD ' size=' small ' : picker-options=' picker options ' range-separator=' to ' start-placeholder=' start date ' end-placeholder=' end date '/El-date-pickerdata(){ let _ min time=null let _ max time=null return { datepick :[new date()]。格式(' yyyy-mm-DD ')，newdate()。格式(' yyyy-mm-DD')]，//根据个人需求选取器选项： { on pick(time){//如果只选择了一次if(！time . max date){让time range=6 * 24 * 60 * 60 * 1000//6 days _ min time=time . mindate . gettime()-time range//minimum time _ max time=time . mindate . gettime()time range//Maximum time//如果选择了两次，则清除范围判断数据重新选择。} else {_ mintime=_ maxtime=null}}，禁用日期(时间){//在onpick后触发。//此方法将在3个月内的每个日期进行轮询。返回false意味着if(_ min time _ max time){ return time。gettime () _ mintime | | time。gettime () _ maxtime}}}}在此日期被禁止。以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。