vantUI时间选择器将选中值改为 yyyy-mm-dd 00:00:00 格式

lwfcomeon

于 2019-01-28 14:52:23 发布

阅读量1.3w

点赞数 5

CC 4.0 BY-SA版权

文章标签： vant 时间格式

本文链接：https://blog.youkuaiyun.com/lwfcomeon/article/details/86677450

本文介绍如何使用vantUI组件库中的时间选择器，并设置其默认显示当前日期。通过实例代码展示如何在Vue项目中应用该组件，以及如何格式化所选日期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vantUI时间选择器默认选中值为：
在这里插入图片描述
更改之后

代码如下

<van-popup v-model="startTimeshow" position="bottom" :overlay="true">
      <van-datetime-picker
        @cancel="Cancel"
        @confirm="Confirm"
        @change="Change"
        v-model="currentDate"
        type="date"
      />
    </van-popup>

 data() {
    return {
      currentDate: new Date()
    };
  }，
methods:{
Change（）{
console.log(this.currentDate);
 var date = this.currentDate;
      var seperator1 = "-";
      var seperator2 = ":";
      var month = date.getMonth() + 1;
      var strDate = date.getDate();
      if (month >= 1 && month <= 9) {
        month = "0" + month;
      }
      if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
      }
      this.currentdate =
        date.getFullYear() +
        seperator1 +
        month +
        seperator1 +
        strDate +
        " " +
        "00" +
        seperator2 +
        "00" +
        seperator2 +
        "00";
}
 
}