直播带货源码，日期时间选择器选择范围限制

代码：

<br>picker-options来控制不可以选择范围<br><div class="flex-wrap"><br><el-date-picker <br>                            class="uni-startTime_show"<br>type="datetime"<br>placeholder="开始日期"<br>:picker-options="startTime"<br>value-format='yyyy-MM-dd HH:mm'<br>                            format="yyyy-MM-dd HH:mm"<br>v-model="searchForm.startTime_show"<br>></el-date-picker><br>-<br><el-form-item<br>prop="endTime_show"<br>ref="endTime_show"<br>><br><el-date-picker<br>type="datetime"<br>placeholder="结束日期"<br>:picker-options="endTime"<br>value-format='yyyy-MM-dd HH:mm'<br>                                format="yyyy-MM-dd HH:mm"<br>v-model="searchForm.endTime_show"<br>></el-date-picker><br></el-form-item><br></div>

在data中定义开始时间 startTime和结束时间endTime的不可以选择范围

data() {<br>    return {<br>         startTime: {<br>            disabledDate: time => {<br>                if (this.searchForm.endTime_show) {<br>                    // 设置开始时间小于结束时间<br>                    return time.getTime() > new Date(this.searchForm.endTime_show).getTime()  <br>                }<br>            }<br>        },<br>        endTime: {<br>            disabledDate: time => {<br>                if (this.searchForm.startTime_show) {<br>                    // 结束时间大于开始时间<br>                    return time.getTime() < new Date(this.searchForm.startTime_show).getTime() - 8.64e7; //如果不减8.64e7开始时间和结束时间就不能选择同一天<br>                }<br>            }<br>        },<br>        searchRules:{<br>          startTime_show:[<br>            {<br>              validator:(rule, value, callback) => {<br>                let startTime=this.searchForm.startTime_show;<br>                startTime= new Date(Date.parse(startTime));<br>                console.log("startTime",startTime)<br>  <br>                let endTime=this.searchForm.endTime_show;<br>                // endTime= endTime.replace("-","/");//替换字符，变成标准格式<br>                endTime= new Date(Date.parse(endTime));<br>                if(startTime > endTime) {<br>                  return callback(new Error('开始时间不能大于结束时间'));<br>                }else{<br>                  callback();<br>                }<br>              },<br>              trigger: "change"<br>            }<br>          ],<br>          endTime_show:[<br>            {<br>              validator:(rule, value, callback) => {<br>                let startTime=this.searchForm.startTime_show;<br>                startTime= new Date(Date.parse(startTime));<br>                console.log("startTime",startTime)<br>  <br>                let endTime=this.searchForm.endTime_show;<br>                // endTime= endTime.replace("-","/");//替换字符，变成标准格式<br>                endTime= new Date(Date.parse(endTime));<br>                if(endTime < startTime) {<br>                  return callback(new Error('结束时间不能小于开始时间'));<br>                }else{<br>                  callback();<br>                }<br>              },<br>              trigger: "change"<br>            }<br>          ]<br>        }<br>    }<br>}

以上就是直播带货源码，日期时间选择器选择范围限制，更多内容欢迎关注之后的文章