前言：最近在做專案，也是剛開始工作沒多久，對於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那裡找日期元件，根據自己的情況進行編輯

（因為是剛開始寫CSDN部落格，文字編輯很粗糙，希望大家能諒解）