侧边栏壁纸
博主头像
IT技术分享社区博主等级

一个有态度的互联网技术交流平台

  • 累计撰写 26 篇文章
  • 累计创建 12 个标签
  • 累计收到 10 条评论

目 录CONTENT

文章目录

ElementUI+VUE 日期控件禁用用法

IT技术分享社区
2022-05-28 / 0 评论 / 2 点赞 / 27 阅读 / 204 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-05-28,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

qd
今天给大家整理一下ElementUI+VUE 日期控件禁用用法,希望对大家有所帮助!

1、HTML

<el-date-picker
  v-model="value"
  type="date"
  :editable="false"
  placeholder="开始日期"
  value-format="yyyy-MM-dd"
  :picker-options="pickerOption">
</el-date-picker>
 
 

2、JS

var dateStr = ""; //定义指定日期的变量
getDateStr(); //调用方法给指定日期赋值
var vue = new Vue({
    data: {
        pickerOptions: {
            disabledDate(time) {
                // tt 为时间戳,比较的时候也要转换为时间戳
                var tt = time.getTime();
                 //指定日期之后禁用
                return time.getTime() < dateStr;
                //今天之后的日期禁用
                return time.getTime() > Date.now(); 
            }
        }
 
 
    },
    mounted: function() {},
    methods: {},
});
//通过ajax获取需要的日期
function getDateStr() {
    var queryParam = {
     //参数
    };
    $.ajax({
        url: xxx,
        contentType: 'application/json',
        data: JSON.stringify(queryParam),
        success: function(resultData) {
            if (resultData.status) {
                dateStr = result.data[0].startDate;
            }
        }
    });
}
 
 
2

评论区