在 vue.js 中格式化输入类型日期答案

【问题标题】：Formatting input type date in vue.js在 vue.js 中格式化输入类型日期
【发布时间】：2019-08-04 22:36:12
【问题描述】：

我使用 bootstrap-vue。

它包括输入类型日期。

当我写一些数字时，默认格式是 yyyyyy-mm-dd。

我想将格式 yyyyyy-mm-dd 更改为 yyyy-mm-dd。

【问题讨论】：

【解决方案1】：

使用格式化程序：

:formatter="format"

在这个函数中声明值的格式：

format(value, event) {
    return moment(value).format('YYYY-MM-DD')
}

作为使用momentjs 库的示例。

【讨论】：

【解决方案2】：

试试这个：

<input type="date" v-model="moment(mydate).format('YYYY-MM-DD')" v-on:input="mydate = moment($event.target.value).toDate()"/>

【讨论】：

【解决方案3】：

我正在使用 moment.js

data:{
        startDate: moment().format("YYYY-MM-DD"),
        endDate: moment().format("YYYY-MM-DD"),
    }

HTML

<input type="date" class="form-control" v-model="startDate"> {{startDate}}
<input type="date" class="form-control" v-model="endDate"> {{endDate}}

【讨论】：