iView日期时间组件传值的问题

Petrochor

发布于 2022-06-07 15:37:30

1.2K0

发布于 2022-06-07 15:37:30

文章被收录于专栏：Stephen

在使用iview的日期时间组件，传值到服务器端的时候，发现组件的值和格式不对，在后端很不好处理，代码：

<Date-picker type="date" v-model="searchForm.created" placeholder="选择日期"></Date-picker>

当我选择 2019-03-22 时，发送到服务器的数据是 2019-03-21T16:00:00.000Z

解决方法：

1、去掉 v-model 属性，绑定 change 事件

<Date-picker type="date" @on-change="getDateTime" placeholder="选择日期"></Date-picker>

2、change 事件

methods: {
      getDateTime: function (time) {
            this.searchForm.created = time;
      }
}

3、然后服务端接收的数据就正常了

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019/03/20 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度