Question

我有一个类似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，但是当我触发该方法时，请求中发送的日期会显示Wed Nov 11 2020 00:00:00 GMT+0100。如何设置DatePicker的格式，以便我选择的日期始终为“ YYYY-MM-DD”格式？

Answer 1

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

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

清除日期后，Vue材质的日期选择器更改格式

1 个答案: