Iview时间选择器(datepicker)按格式需求返回数据的方法

其实并不复杂，首先在datepicker组件按自身需求定义format属性，属性表如下：

具体请浏览
https://www.iviewui.com/compo...

例如我们需要如下格式的时间数据返回：
2018-06-16 19:44:55
我们需要在组件上定义format

 <DatePicker format="yyyy-MM-dd HH:mm:ss"></DatePicker>

记住不要直接使用v-model绑定到data的属性里，因为这样得到的值是JS的date格式，我们需要通过事件来把返回值赋值给data的属性。

<DatePicker @on-change="time1"  format="yyyy-MM-dd HH:mm:ss"></DatePicker>

我们绑定了一个time1事件：

1. time1(e) {

2. this.formItem.date1 = e;

3. },

这里time1函数的参数e就是按format格式返回的值。到console里打印一下值看一下：

?，完成。

相关资源：...双向绑定日期格式的方法_iview日期格式化,iview时间格式化...

地址:Iview时间选择器(datepicker)按格式需求返回数据的方法_weixin_34247155的博客-CSDN博客