公式ドキュメントを確認してください。disabledDate では、time.getTime() の範囲が無効な時間範囲です。
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
},
}
コンポーネントのコードは次のようになります。
<el-date-picker
v-model="value1"
type="date"
placeholder="选择日期"
:picker-options="pickerOptions">
</el-date-picker>
ただし、この方法では、その日の日付も無効になります。今日の日付を無効にしたくない場合は、次のようにすることができます。
pickerOptions: {
disabledDate(time) {
// 在科学计数法中,为了使公式简便,可以用带“E”的格式表示。例如1.03乘10的8次方,可简写为“1.03e8”的形式
// 一天是24*60*60*1000 = 86400000 = 8.64e7
return time.getTime() < Date.now()-8.64e7;
},
}
それでも特定の日付の範囲を無効にしたい場合は、この日付をデータのフィールドに保存し、選択したときに計算用にこの日付のデータを取得できます。
pickerOptions: {
disabledDate:(time)=> {
return time.getTime() < new Date(this.time).getTime();
}
}