判断时间大小

zhangyanpeng

2020-02-11 ee7a140cf101c0e863d699dbe2da10767914f95b

 src/components/popup/portion/substep.vue

@@ -18,7 +18,7 @@
            <div v-show="showData['title']" class="transition-box" style="text-align: center; margin: 0 10px;">
               <h3 style="margin: 10px;">立题服务</h3>
               <div>
                  <el-form :show-message="false" :model="form_['title']" ref="ref_title" label-position='right' label-width="100px"  class="demo-form-inline">
                  <el-form :rules="rules_check" :show-message="false" :model="form_['title']" ref="ref_title" label-position='right' label-width="100px"  class="demo-form-inline">
                     <el-row>
                        <el-col :span="22" class="z_grid-content3">
                           <el-form-item label="题目类型" prop="titleType"
@@ -80,20 +80,32 @@
                        </el-col>
                     </el-row>
                     <el-row>
                        <el-col :span="11" class="z_grid-content3">
                        <el-form-item label="起止时间:" prop="items">
                           <el-date-picker
                              v-model="form_['title'].items"
                              type="daterange"
                              range-separator="至"
                              start-placeholder="开始日期"
                              end-placeholder="结束日期"
                              style="width: 100%;"
                              >
                           </el-date-picker>
                        </el-form-item>
								
                        <!-- <el-col :span="11" class="z_grid-content3">
                           <el-form-item label="开始日期" prop="startTime" 
                              :rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
                              :rules="{type: "array", required: true, validator: validateStartTime, trigger: ['change', 'blur']}"
                           >
                                 <el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['title'].startTime" style="width: 100%;"></el-date-picker>
                           </el-form-item>
                        </el-col>
                        <el-col :span="11" class="z_grid-content3">
                           <el-form-item label="结束日期" prop="endTime" 
                              :rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
                              :rules="{required: true, validator: validateEndTime, trigger: ['change', 'blur']}"
                           >
                                 <el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['title'].endTime" style="width: 100%;"></el-date-picker>
                           </el-form-item>
                        </el-col>
                        </el-col> -->
                     </el-row>
                  </el-form>
               </div>
@@ -137,7 +149,19 @@
                        </el-col>
                     </el-row>
                     <el-row>
                        <el-col :span="11" class="z_grid-content3">
                        <el-form-item label="起止时间:" prop="items">
                           <el-date-picker
                              v-model="form_['scheme'].items"
                              type="daterange"
                              range-separator="至"
                              start-placeholder="开始日期"
                              end-placeholder="结束日期"
                              style="width: 100%;"
                              >
                           </el-date-picker>
                        </el-form-item>
								
                        <!-- <el-col :span="11" class="z_grid-content3">
                           <el-form-item label="开始日期" prop="startTime" 
                              :rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
                           >
@@ -150,7 +174,7 @@
                           >
                                 <el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['scheme'].endTime" style="width: 100%;"></el-date-picker>
                           </el-form-item>
                        </el-col>
                        </el-col> -->
                     </el-row>
                  </el-form>
               </div>
@@ -1194,9 +1218,30 @@
        xmId: {
           type: String,
           required: true
        }
        },
         totalItems: {
            type: Array,
            required: true
         }
      },
    data() {
         var validateItems = (rule, value, callback) => {
           if (value === '' || !value || value.length == 0) {
             callback(new Error('请选择'));
           }
				
            if (value[0] < this.totalItems[0]) {
               callback(new Error('必须大于' + this.$moment(ruleForm_.items[0]).format('YYYY-MM-DD')));
            }
            if (value[1] > this.totalItems[1]) {
               callback(new Error('必须小于' + this.$moment(ruleForm_.items[1]).format('YYYY-MM-DD')));
            }
				
           else {
             callback();
           }
         };
			
      return {
            showData: {},
            finish: false,
@@ -1418,6 +1463,16 @@
            ],
            
            titleInput_: "",
            rules_check: {
              items: [
                {
                  required: true,
                  validator: validateItems,
                  type: "array",
                  trigger: ["change", "blur"]
                }
              ]
            },
            
            options_users: [
              {
@@ -1505,6 +1560,10 @@
                     this.form_[detail_.type].userIds = [];
                     this.form_[detail_.type].userIds.push(detail_.roleName);
                     this.form_[detail_.type].userIds.push(detail_.userId);
							
                     this.form_[detail_.type].items = [];
                     this.form_[detail_.type].items.push(detail_.startTime);
                     this.form_[detail_.type].items.push(detail_.endTime);
                  }
                  
               }