Отключить каждый понедельник в элементе выбора элемента element-ui - PullRequest
Новая
       29

Отключить каждый понедельник в элементе выбора элемента element-ui

0 голосов
/ 08 ноября 2019

Если я хочу отключить каждый понедельник или каждый понедельник и вторник, то как мне это сделать в DatePicker для element-ui?

Нет документации по отключению дней недели, которые я могу найти. 

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

1 Ответ

0 голосов
/ 09 ноября 2019 

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 можно отключить. Вам нужно только определить, является ли текущая дата понедельником, а затем вернуть true, чтобы отключить ее.

...