码迷,mamicode.com
首页 > 其他好文 > 详细

iviewUI 时间选择器限制

时间:2019-03-10 16:13:00      阅读:875      评论:0      收藏:0      [点我收藏+]

标签:mic   bsp   padding   com   mda   创建   disable   image   data   

 <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());
          }
        }
      }

 

iviewUI 时间选择器限制

标签:mic   bsp   padding   com   mda   创建   disable   image   data   

原文地址:https://www.cnblogs.com/caoruichun/p/9480225.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!