首页 > 解决方案 > Vue.js 中 DatePicker 的日期格式

问题描述

我在我的 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。但我想得到 Date 08/10/2019

谢谢大家。

标签: javascriptvue.jsdatepicker

解决方案


尝试

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

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

这根本不是很强大 - 使用风险自负!需要更好的实施。


推荐阅读