el-date-picker禁用之后或之前日期

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" >
  <link rel="stylesheet" href="./t.css">
</head>

<body>
  <div id="app">
    <template>
      <el-date-picker v-model="buildDate" :picker-options="pickerOptions" type="date" style="width: 90%"
        value-format="yyyy-MM-dd" placeholder="選擇日期" />
    </template>
  </div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.20.1/moment.min.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.20.1/locale/zh-cn.js"></script>
<script>

  new Vue({
    el: '#app',
    data() {
      return {
        buildDate: '',
        pickerOptions: {
          disabledDate(time) { }
        }
      }
    },
    created() {
      this.pickerOptions.disabledDate = (time) => {
        console.log(time);
        // console.log(moment(date, 'YYYY-MM-DD').endOf('month').format('YYYY-MM-DD'), 'this.assetOpenTime')
        const now = moment(time).format('YYYY-MM-DD')
        // const bookStart = moment(date).format('YYYY-MM')
        const bookStart = moment(new Date()).format('YYYY-MM-DD')
        return now > bookStart
      }
    },
    methods: {

    }

  })
</script>

</html>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容