javascript - Vue.js 中 DatePicker 的日期格式化

Question

我在我的 Vue.js 项目中使用下面的 DatePicker。

https://www.npmjs.com/package/vuejs-datepicker

我的代码如下

<script>
  import Datepicker from 'vuejs-datepicker';
  export default {
    components: { Datepicker },
        data() {
          return  {
            dateVal : new Date(),
          }
       }
  }
</script>

HTML代码如下

<tr>
  <td class="ui header">Applied Date</td>
    <td>
       <Datepicker placeholder="Applied Date" v-model="this.dateVal"></Datepicker>
    </td>
</tr>

我收到日期 Sat Aug 10 2019 11:08:57 GMT+0600 。但我想获取日期 08/10/2019。

谢谢大家。

Answer 1

尝试

<Datepicker placeholder="Applied Date" v-model="this.dateVal" format="MM/DD/yyyy"></Datepicker>

它在文档 https://www.npmjs.com/package/vuejs-datepicker 中 虽然它说

This is not very robust at all - use at your own risk! Needs a better implementation.