js控制element的时间控件只能选某某天、某某天

js控制element的时间控件只能选2号、9号,其他时间都禁选,不知道怎么写,百度也没找出,求解

elementui日期控件有disabledDate配置,判断下不是2,9号return false禁用就行了。

img

<link href="https://unpkg.com/element-ui@2.15.7/lib/theme-chalk/index.css" rel="stylesheet" type="text/css" />
<div id="app">
    <template>
        <div class="block">
            <span class="demonstration">默认</span>
            <el-date-picker v-model="value1"
                            type="date"
                            :picker-options="pickerOptions"
                            placeholder="选择日期">
            </el-date-picker>
        </div>
    </template>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui@2.15.7/lib/index.js"></script>
<script>
    var Main = {
        data() {
            return {
                pickerOptions: {
                    disabledDate(time) {
                        var d = time.getDate();
                        return !(d == 2 || d == 9);
                    }
                },
                value1: '',
                value2: '',
            };
        }
    };
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')
</script>

img

有帮助或启发麻烦点下【采纳该答案】,谢谢~~有其他问题可以继续交流~

用什么ui框架的

那就不用日期组件了,自己写一个写死就行了

应该有disabled 属性吧 写个函数 处理一下