<DatePicker type="daterange"
placement="bottom-end"
:editable='editable'
:clearable='editable'
:options="timeOption"
placeholder="Select date"
style="width: 200px"></DatePicker>
data () {
return {
editable: false,
timeOption: {
// 限制日期选择为当天日期的前一天
disabledDate (date) {
return date.valueOf() > Date.now() - 86400000
// 限制日期选择为范围1个月
let t = new Date()
let Day = t.getDate()
let Mon = t.getMonth()
let Year = t.getFUllYear()
let startTime = new Date(Year, Mon, (Day - 30))
let endTime = new Date(Year, Mon, (Day - 1))
return date.valueOf() > Date.parse(endTime) || date.valueOf() < Date.parse(startTime)
// 限制日期选择范围3个月
let date = new Date()
date.setMonth(date.getMonth() - 3)
let y = date.getFullYear()
let m = date.getMonth() + 1
let d = date.getDate()
let formDate = y + '-' + m + '-' + d
return date.valueOf() > Date.now() - 86400000 || date.valueOf() < Date.parse(formDate)
}
}
}
},
iview的datePicker控件日期限制
最新推荐文章于 2023-11-07 11:38:55 发布