关于iview日期组件的代码案例

前言：最近在做项目，也是刚开始工作没多久，对于iview框架不是很熟悉。因为做项目要用到日期选择器，所以想着写完了，做个笔记记录一下。有什么错误的地方欢迎大家提出来。

1、我开发使用的是vue，所以关于vue项目安装这一块，大家可以在网上找。

详细代码如下：

<template>

//这里我使用的是iview框架的日期选择器

     <FormItem label="会议日期" prop="meetingStartTime">

         <DatePicker type="date" v-model="this.formValidate.meetingStartTime" :format="'yyyy-MM-dd HH:mm'" placeholder="请选择会议时间"></DatePicker>

      </FormItem>

</template>

关于JS:

data() {return {

      formValidate: {

            meetingStartTime: ''

     },

}

2、日期多选，在日期选择器那里添加multiple属性

（因为项目要传字符串拼接的形式传给后台，所以我就对日期做了处理）

效果：

日期可多选择性添加到后台，后台因为识别的是字符串，所以使用join（‘’）拼接转换，

大家也可以直接去iview那里找日期组件，根据自己的情况进行编辑

（因为是刚开始写优快云博客，文本编辑很粗糙，希望大家能谅解）

#3、日期组件界面上显示年月日，但是传给后台为年月日时分秒，用moment的方法做，在传参的时候

dataTime: moment(this.dataTime).format('YYYY-MM-DD hh:mm:ss')

 

#4、