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

时间:2019-03-14 05:40:37

标签: vue.js bootstrap-vue html5-input-date

我使用bootstrap-vue。

它包括输入类型日期。

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

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

3 个答案:

答案 0 :(得分:1)

使用格式化程序:

:formatter="format"

声明在该函数中应如何设置值的格式:

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

作为使用momentjs库的示例。

答案 1 :(得分:-1)

尝试一下:

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

答案 2 :(得分:-1)

我正在使用moment.js

 CachedNetworkImage(
  fit: BoxFit.cover,
  placeholder: (context, url) =>
      Skeleton(
    height: 200,
    width: 200,
  ),
  imageUrl:
      "${MainConfig.storageDoc + widget.companyProductList[index]['srcimglist'][0]['file_path']}",
),

HTML

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