2021-07-25

时间选择组件设置及实现

Tab1 antd组件

         <a-range-picker
               :show-time="{ format: 'HH:mm:ss' }"
               format="YYYY-MM-DD"
               v-model="Time_month"
               :placeholder="请选择时间"
               @change="rangeTime_month"
               @calendarChange="onCalendarChange"
               :disabled-date="disabledDate_month"
           />
           <a-button type="primary" @click="search">查询</a-button>
           <a-button style="margin-left: 8px" @click="reset">重置</a-button>

//引入api（在接口文档里封装好的方法）
        import {platformOrderAmountList} from '@/api/summaryTable'
       // // 1.将选择时间传给后端 2.查询
		methods:{
		//选择时间范围设置
		disabledDate_month (current) {
        if (!this.disabledCurrent) return false
        return (current && current < moment(this.disabledCurrent).subtract(1, 'M').startOf('day')) || current >    moment(this.disabledCurrent).add(1, 'M').endOf('day')
    },
        disabledDate_month (current) {
        return  current && current > moment().endOf('day')
      // current < moment().subtract(31, 'days').startOf('day') ||
    },
		rangeTime_month(moment, data){
		          this.queryParam.startMontyTime = data[0];
		          this.queryParam.endMontyTime = data[1];
		      },
		search(){ 
		platformOrderAmountMethodsList(this.queryParam);
		}
		platformOrderAmountMethodsList(params){
            // console.log('1111'+params)
            platformOrderAmountList(params).then(res => {
                // console.log(res)
                this.dataSource = []
                }
		      }