在element-ui datepicker中禁用每个星期一

Question

如果我想要禁用每周一或每周一和周二，那么我该如何在element-ui的日期选择器中这样做呢？

我找不到关于一周中禁用几天的文档。

data() {return { calendarOptions: { disabledDate: function(time) { return time.getTime() < Date.now();},},}}

Answer 1

​

var Main = {
  data() {
    return {
      pickerOptions: {
        disabledDate(time) {
          return new Date(time).getDay() === 1;
        }
      },
      value1: ''
    };
  }
};
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

@import url("//unpkg.com/element-ui@2.12.0/lib/theme-chalk/index.css");

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<script src="//unpkg.com/element-ui@2.12.0/lib/index.js"></script>
<div id="app">
  <template>
  <div class="block">
    <span class="demonstration">Default</span>
    <el-date-picker
      v-model="value1"
      type="date"
      placeholder="Pick a day"
      :picker-options="pickerOptions">
    </el-date-picker>
  </div>
</template>
</div>

​

可以将disabledDate选项设置为disable。您只需确定当前日期是否为星期一，然后返回true以禁用它。