首页 > 其他 > 详细

element-ui 之DatePicker

时间:2018-05-25 14:36:45      阅读:250      评论:0      收藏:0      [点我收藏+]

当点击elementui 的DatePicker组件,如果日期超过当前的日期就不能够点击 

  <el-date-picker class="select" value-format="yyyy-MM" :picker-options="deadlineDate" format="yyyy-MM" v-model="endMonth" type="month" placeholder="endDate">
  </el-date-picker>

首先给html中加入 :picker-options="deadlineDate"

export default {
  data() {
    return {
      deadlineDate: {
        disabledDate: (time) => {
          return time.getTime() > moment().subtract(1, ‘days‘)
        }
      },
}

然后给deadlineDate添加disabledDate方法,这里用到了moment时间插件,可以在main.js全局引用,然后就好啦!

element-ui 之DatePicker

原文:https://www.cnblogs.com/alhh/p/9088335.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!