1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > elementui 时间选择器如何设置禁用时间

elementui 时间选择器如何设置禁用时间

时间:2018-11-20 06:39:05

相关推荐

elementui  时间选择器如何设置禁用时间

页面引用 在:picker-options="timeChange" 属性中设置禁用时间

<el-date-picker v-model="value2" type="datetimerange" :picker-options="timeChange" range-separator="至"start-placeholder="开始日期" end-placeholder="结束日期" align="right" @change="dateChange"></el-date-picker>

js中 如果要禁用的时间不是以当前时间为界限那就在@change="dateChange" 中去比较禁用时间

timeChange: {disabledDate(time) {return time.getTime() < (Date.now() - 3600 * 1000 * 24) //time是禁用时间}},

timeChange: {},//方法dateChange ,在这边去比较禁用时间 time1 是自定义的比较时间,要先转成时间戳格式才能比较this.timeChange = {disabledDate(time) {var date = new Date(endtime1)var time1 = date.getTime() - 1000 * 3600 * 24 + 1000;return time.getTime() < time1 //判断选择器的时间是否超过当前时间,如果超过就为false(不可选),反之true(可选) time是禁用的时间}}

如果这都不行,别说话,请过来捶我。微笑/

我引用过无数次,没多大问题,有问题私聊我吧!(来自前端小白的经验)

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