900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 日期选择器中禁用日期设置

日期选择器中禁用日期设置

时间:2019-11-30 05:09:18

相关推荐

日期选择器中禁用日期设置

相信很多网友现在都在用element-ui这个vue的ui框架,表单中几乎都会用到日期选择器这个控件,会遇到一种情况是只能选择后面的日期或是只能选择之前的日期,这时候你会发现element-ui的官方文档已经满足不了你了。这时候你就需要另辟新径。

经过多方的探寻与验证,总结出了以下的方法:

代码

<el-date-pickerv-model="ruleForm.established"type="year":picker-options="setYearDisabled"value-format="yyyy"placeholder="选择成立时间"></el-date-picker>

setYearDisabled: {// const year = date.getFullYear(); // 获取当前年份,值是这样的: disabledDate(time) {return time.getTime() >= (Date.now()-8.64e7)}},

time.getTime() < Date.now() - 8.64e7 代表着可以选今天之后的日期

time.getTime() > Date.now() - 8.64e7 代表着可以选今天之前的日期

这个方法对于你显示的格式是否是年月日都不影响

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