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

Posted 2023-02-16

【中文标题】在 vue.js 中格式化输入类型日期

【英文标题】：Formatting input type date in 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 库的示例。

【讨论】：

格式化选项在输入所有文本后起作用。如果我输入 20190314 它会返回 201903-14- 。

您键入的格式无关紧要。在格式化程序中使用数据库的目的是尝试将任意字符串转换为正确的大小写。如果不正确，您应该显示 .一个错误并让用户知道。

【参考方案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