js控制element的时间控件只能选2号、9号,其他时间都禁选,不知道怎么写,百度也没找出,求解
elementui日期控件有disabledDate配置,判断下不是2,9号return false禁用就行了。
<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>
有帮助或启发麻烦点下【采纳该答案】,谢谢~~有其他问题可以继续交流~
用什么ui框架的
那就不用日期组件了,自己写一个写死就行了
应该有disabled 属性吧 写个函数 处理一下