ant design vue2中datepicker 选择时间范围，vlaue为两个值时处理

reembarkation

于 2025-05-27 10:35:33 发布

阅读量276

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 javascript java

本文链接：https://blog.csdn.net/reembarkation/article/details/148252300

  <a-range-picker
                    @change="listenDayChange"
                    type="date"
                    format="YYYY-MM-DD"
                    :placeholder="['开始时间', '结束时间']"
                    :value="[sartTime?moment(startTime):undefined, endTime?moment(endTime):undefined]"
                    size="default"
                    :allowClear="true"
                    style="width:70%;"
                  />

data{
     startTime:undefined, //空值，或者设置时间，'2025-5-25'
     endTime:undefined,
}

   listenDayChange(momentDate, date) {
      if(date && date.length){
        this.startTime = date[0]
        this.endTime = date[1]
      }else{
        this.startTime = undefined
        this.endTime = undefined
      }
    },

使用时直接用两个值就可以了

     const formData = new FormData();
      if(this.startTime && thisendTime){
         formData.append("startDate", this.startTime);
         formData.append("endDate", this.endTime);
      }