element ui el-time-picker组件赋值 (HH:ss) 后界面不显示

最新推荐文章于 2024-03-18 15:25:47 发布

小贵子的博客

最新推荐文章于 2024-03-18 15:25:47 发布

阅读量892

点赞数

文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/zyg1515330502/article/details/130110613

版权

<el-time-picker
   v-model="task_end_time"
   format="HH:mm"
   placeholder="任意时间点"
   @change="timeChange"
>
</el-time-picker>

拿到数据以后直接赋值不显示：

后端返回数据：

解决办法：字符串转date

converTime(time) {
      const date = new Date();
      const year = date.getFullYear();
      const month = date.getMonth() + 1;
      const day = date.getDate();
      const hour = time.split(':')[0];
      const minutes = time.split(':')[1];
      return new Date(year, month, day, hour, minutes);
},

调用：this.converTime("22:20")