VUE~~ant-design-vue Date range控制日期的選擇功能

ant-design-vue Date range控制日期的選擇功能

<a-range-picker :format="dateFormat" :disabled-date="disabledDate" @change="onChange" v-model="tbdate"/>
import moment from 'moment'
data(){return {dateFormat: 'YYYY-MM-DD',tbdate:undefined}}
methods: {
    moment,
    disabledDate (current) {
      return (current < moment().subtract(90, "days")) || (current > moment().startOf('day'))
     // return current && current < moment().endOf(‘day’);!!!!!當天之前的不可選,包括當天
     // return current < moment().subtract(1, ‘day’) !!!!!當天之前的不可選,不包括當天
     //(current > moment().subtract(0, "day")) //當天之後的日期不可選,包括當天 (已測)
    },
    onChange (date, dateString) {
      this.tbformdata = {
        start: dateString[0],
        end: dateString[1]
      }
    }
}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章