html


<el-form-item label="开始时间"  prop="startTime">
        <el-date-picker v-model="form.startTime" type="datetime" class="inputw" :picker-options="pickerOptionsStart"
          placeholder="选择日期时间" default-time="12:00:00" @change="changeEnd">
        </el-date-picker>

</el-form-item>

<el-form-item label="结束时间"  prop="endTime">
        <el-date-picker v-model="form.endTime" type="datetime" class="inputw" :picker-options="pickerOptionsEnd"
          placeholder="选择日期时间" default-time="12:00:00" @change="changeStart">
</el-date-picker>

data:

startTime: '',
endTime: '',
//限制开始时间
pickerOptionsStart: {
    disabledDate(time) {
        return time.getTime() < new Date(new Date().toLocaleDateString()).getTime();
     }
},
pickerOptionsEnd: {},

js:

      //结束时间限制开始时间
      changeStart() {

        this.pickerOptionsStart = Object.assign({}, this.pickerOptionsStart, {
          // 可通过箭头函数的方式访问到this
          disabledDate: (time) => {

            var times = '';

            times = this.endTime < time.getTime() || time.getTime() < new Date(new Date().toLocaleDateString())
              .getTime();

            return times
          }
        })

      },
      //开始时间 控制结束时间   
      changeEnd() {

        this.pickerOptionsEnd = Object.assign({}, this.pickerOptionsEnd, {
          disabledDate: (time) => {

            return time.getTime() < this.startTime
          }
        })
      },

 

GitHub 加速计划 / eleme / element
14
2
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐