Vue iView时间组件DatePicker，设置开始时间和结束时间约束、初始值和格式（年月日）

HTML代码：

<FormItem label="开始时间">
    <DatePicker 
        type="date" 
        :options="startOption" 
        v-model="createForm.startDate"
    ></DatePicker>
</FormItem>
<FormItem label="结束时间">
    <DatePicker 
        type="date" 
        :options="endOption" 
        v-model="createForm.endDate"
    ></DatePicker>
</FormItem>

JS代码：

computed: {
    // 设置不可选择的日期，option的disabledDate属性
    startOption: (date) => {
        let endTime = new Date(this.createForm.endDate).valueOf();
        // 如返回的日期为true，则该日期处于禁止状态
        return date && date.valueOf() > endTime;
    },
    endOption: (date) => {
        let startTime = new Date(this.createForm.startDate).valueOf();
        return date