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]
      }
    }
}


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