elementui 中 DatePicker 日期选择器设置仅能选今日之前且展示是上个月到这个月的日期

使用了elementui组件的DatePicker组件，设置了日期选择范围为当前日期后，效果如图，右侧面板是灰色的，使用体验感不太好

而我想要实现的是这种效果：一点击出来，展示的就是上个月到这个月的日期
在这里插入图片描述
仔细翻阅了官方文档后，发现了一个属性：default-value

尝试添加了后，果然就显示了上个月的日期完美~

PS：看到有人说不起作用，我这里的v-model绑定的是空字符串；如果v-model绑定的值设置了默认的时间，那么当选择框打开时会优先以v-model绑定的值为准

下面是代码：

<template><el-date-picker v-model="value"type="daterange"value-format="yyyy-MM-dd"range-separator="至":default-value="Date.now() - 30 * 24 * 3600 * 1000":picker-options="pickerOptions"start-placeholder="开始日期"end-placeholder="结束日期"</el-date-picker>
</template><script>data(){return {value:'',pickerOptions: {disabledDate(time) {return time.getTime() > Date.now();}}}}
</script>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/29402.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！