iviewUI 時間選擇器限制


 <FormItem>
        <Col span="12"> 創建時間:
        <Date-picker @on-change="formData.startTime=$event" :options="startTimeOptions" v-model="formData.startTime" type="date" placeholder="使用開始時間" style="width: 160px"></Date-picker>
        -
        <Date-picker @on-change="formData.endTime=$event" :options="endTimeOptions" v-model="formData.endTime" type="date" placeholder="使用結束時間" style="width: 160px"></Date-picker>
        </Col>
        <Col span="12" style="text-align: right;padding-right: 10px;">
        <Button type="success" icon="ios-search" style="margin-right: 10px;" @click="criteriaQuery">查詢</Button>
        <Button type="info" @click="clearCriteria">重置</Button>
        </Col>
      </FormItem>

 startTimeOptions: {
        disabledDate(date) {
          if (date) {
            return  (date.valueOf() + 86400000 > new Date().getTime() + 86400000) ||date.valueOf() > new Date(_this.formData.endTime).getTime();
          }
        }
      },
      endTimeOptions: {
        disabledDate(date) {
          if (date) {
            return (date.valueOf() + 86400000 > new Date().getTime() + 86400000) || date && (date.valueOf() + 86400000 < new Date(_this.formData.startTime).getTime());
          }
        }
      }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM