1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue 时间选择器 某个时间范围内可选

vue 时间选择器 某个时间范围内可选

时间:2020-03-23 14:35:35

相关推荐

vue 时间选择器 某个时间范围内可选

vueel-date-picker

时间选择器内,选择一个日期,当前时间到后面的某一个时间日期(日期动态传入)。

想要的结果

日期选择器代码:

<el-date-picker

v-model="form.expectDeliveryDate"

format="yyyy/MM/dd"

:picker-options="pickerBeginDateBefore"

:placeholder="translate('label.selectDate')"

type="date"

value-format="yyyy/MM/dd"

/>

日期验证的方法:

data() {

let disabledDate = (time) => {

// var date = '-06-20'

var date = this.finalDeliveryDate

const times = new Date(new Date(date).toLocaleDateString()).getTime()

return time.getTime() < Date.now() - 8.64e7 || time.getTime() > times

//如果当天不可选,就不用减8.64e7

}

return {

type: '',

title: '',

groupId: '',

dialogFormVisible: false,

finalDeliveryDate: '',

layout: 'total, sizes, prev, pager, next, jumper',

pickerBeginDateBefore: {

disabledDate,

},

}

},

动态传入限制日期参数:

methods: {

translate,

show(row) {

this.finalDeliveryDate = '-06-25'

this.dialogFormVisible = true

},

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。