Vue.js Vue物料日期选择器在清除日期后更改格式
我有一个日期选择器组件,如下所示:Vue.js Vue物料日期选择器在清除日期后更改格式,vue.js,datepicker,vue-material,Vue.js,Datepicker,Vue Material,我有一个日期选择器组件,如下所示: <div class="date-picker"> <md-datepicker v-model="monthStart" md-immediately> <label>From</label> </md-datepicker> </div> 现在,当我第一次打开页面时,日期选择器默认为2020-11-01,如果我使用mon
<div class="date-picker">
<md-datepicker v-model="monthStart" md-immediately>
<label>From</label>
</md-datepicker>
</div>
现在,当我第一次打开页面时,日期选择器默认为
2020-11-01
,如果我使用monthStart
触发一个方法,它会在请求中发送2020-11-01
。如果我在DatePicker中更改日期而不做任何其他操作,这也可以很好地工作。但是,如果我先X出日期,使日期选择器为空,然后选择一个新的日期,它仍然在日期选择器字段中显示2020-11-01
,但当我触发该方法时,请求中发送的日期显示为Wed Nov 11 2020 00:00:00 GMT+0100
。如何设置日期选择器的格式,使我选择的日期始终为“YYYY-MM-DD”格式?答案只是向日期选择器添加:md model type=“String”
,如文档底部所述():
从…起
data() {
return {
monthStart: moment()
.startOf("month")
.format("YYYY-MM-DD"),
<div class="date-picker">
<md-datepicker v-model="monthStart" md-immediately :md-model-type="String">
<label>From</label>
</md-datepicker>
</div>