vue antdv 时间区间组件a-range-picker设置默认时分秒时间

448 阅读1分钟

image.png

          <a-col :span="8">
            <a-form-item label="下单时间">
              <a-range-picker :show-time="showTime" @change="onChange" style="width: 100%" v-model="timeArr" />
            </a-form-item>
          </a-col>
          <a-col :span="8">
            <a-form-item label="收货时间">
              <a-range-picker :show-time="showTime" @change="onChangeArrive" style="width: 100%" v-model="arriveTimeArr" />
            </a-form-item>
          </a-col>

注意:要先引入moment.js 必须要有show-time属性才能展示时间, 然后设置defaultValue需要默认的时分秒格式即可

import moment from 'moment'
export default{
	data(){
		return{
		 showTime:{
		  defaultValue:[
			 moment("00:00:00", "HH:mm:ss"),
			 moment("23:59:59", "HH:mm:ss")
			 ]
			}
		}
	}
}