我在用iView的DatePicker组件,想让它初始化的时候默认选中今天日期,但试了value和defaultValue都不生效,控制台也没报错,就是空白。官方文档看得有点懵,有没有人遇到过类似问题?
我现在的写法大概是这样的:
<Date-picker type="date" v-model="selectedDate" placeholder="选择日期"></Date-picker>
然后在data里设了selectedDate: new Date(),但页面上还是没默认值,是我哪里弄错了吗?
你可以尝试将日期格式化为字符串,比如 'YYYY-MM-DD' 的形式。可以使用JavaScript的日期库moment.js来处理日期格式,这样会方便很多。
首先确保你已经安装了moment.js,如果没有安装,可以通过npm安装:
npm install moment --save
然后在你的组件中引入并使用moment.js来格式化日期:
这样设置后,
selectedDate就会被初始化为今天的日期,并且格式是DatePicker组件能够识别的。记得在模板中保持原有的v-model绑定方式不变:
希望这样能解决你的问题,如果还有其他问题再问我。