element ui 日期控件 范圍時間限制 記錄


  <el-date-picker
:clearable="false"
:picker-options="pickerOptions0"
value-format="yyyy-MM-dd"
v-model="startTime"
type="date"
placeholder="選擇日期">
</el-date-picker>

<el-date-picker
:clearable="false"
:picker-options="pickerOptions1"
value-format="yyyy-MM-dd"
v-model="endTime"
type="date"
placeholder="選擇日期">
</el-date-picker>
//開始時間小於等於今天可選
pickerOptions0: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
},
//結束時間小於等於開始時間可選 - 8.64e7
pickerOptions1: {
disabledDate: (time) => {
return time.getTime() < Date.now() - 8.64e7 ||
time.getTime() < new Date(that.value1).getTime()- 8.64e7;
}
},


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM