element-ui——时间组件范围选择三个月后

最近有个小伙伴问我的一个需求:就是说输入一个时间,然后在日历里可以显示当前日期对应的星期几,可以在日历里选择这个时间段往后的三个月时间,其余时间都不能选择。除了这三个月,其他所有时间都不可选。

因为我的技术栈不是vue,所以我也是在 stackflow思否 上提问,有人回答说用element-ui,然后就去看了一下element-ui文档,再加网上百度了一下,然后就弄出这么一个demo。

datepick.html

datepick.vue




datepick.js

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import datepick from '../components/datepick.vue';

Vue.use(ElementUI);

new Vue({
    el: "#datepick",
    template:'',
    components: {datepick}
})

下面是demo效果

element-ui——时间组件范围选择三个月后_第1张图片

参考:【ElementUI】日期选择器时间选择范围限制

你可能感兴趣的:(大前端-vue)