Vue材料日期选择器清除日期后更改格式答案

【问题标题】：Vue material datepicker changing format after clearing the dateVue材料日期选择器清除日期后更改格式
【发布时间】：2021-02-22 13:39:19
【问题描述】：

我有一个像这样的 DatePicker 组件：

<div class="date-picker">
   <md-datepicker v-model="monthStart" md-immediately>
      <label>From</label>
   </md-datepicker>
</div>

monthStart 的定义如下：

data() {
    return {
      monthStart: moment()
        .startOf("month")
        .format("YYYY-MM-DD"),

现在，当我第一次打开页面时，DatePicker 默认为2020-11-01，如果我使用monthStart 触发方法，它会在请求中发送2020-11-01。如果我更改 DatePicker 中的日期而不做任何其他事情，这也可以正常工作。但是，如果我首先 X 出日期，因此 DatePicker 为空白，然后选择一个新日期，它仍然在 DatePicker 字段中显示2020-11-01，但是当我触发该方法时，请求中发送的日期显示为@987654328 @。如何设置 DatePicker 的格式，以便我选择的日期始终为“YYYY-MM-DD”格式？

【问题讨论】：

标签： vue.js datepicker vue-material

【解决方案1】：

答案只是将:md-model-type="String" 添加到DatePicker，如文档底部所述（https://vuematerial.io/components/datepicker/）：

   <div class="date-picker">
       <md-datepicker v-model="monthStart" md-immediately :md-model-type="String">
          <label>From</label>
       </md-datepicker>
    </div>

【讨论】：