日期选择框DatePicker踩坑总结

1 <a-range-picker
2      v-model="rangePickerDateFC"
3      :format="dateFormat"
4     @change="onChange"
5 />
1 import moment from 'moment'
 2 export default {
 3     name: 'OperationLog',
 4     data () {
 5         rangePickerDate: [],
 6     },
 7 mounted () {
    this.rangeFC()
 8 //默认格式是2021/08/10不是后端要的,就自己转换2021-08-10
 9 this.rangePickerDate = [this.getCurrentDataFront().split('/').join('-'), this.getCurrentData().split('/').join('-')]
10 },
11 methods: {
12     moment,     

     // 默认值
        rangeFC () {
            this.rangePickerDateFC = []
            this.rangePickerDateFC = [
                moment(this.getCurrentDataFront(), this.dateFormat), //最重要的一句话
                moment(this.getCurrentData(), this.dateFormat)
            ]
        },

13     // 开始时间
14         getCurrentDataFront () {
15             let time = new Date((new Date() - 90 * 24 * 3600 * 1000)).toLocaleDateString()
16             return time
17         },
18         // 结束时间
19         getCurrentData () {
20             let time = new Date().toLocaleDateString()
21             return time
22         },     //重置

      Reset () {
            this.queryParam = {}
            this.rangeFC()
         },

23 }
24 }

 

posted @ 2022-02-08 17:51  土小狗  阅读(141)  评论(0)    收藏  举报