使用element UI的日期选择器时，默认显示当天日期

需求：输入框中要把当天日期默认显示在输入框中，并且传给后台的日期格式是 2020-11-25

页面效果：

element UI中有一个default-value 属性，可以设置选择器打开时默认显示的时间

不知道是不是方法不对，设置之后没有实现效果。最后通过下面的方法实现效果

代码语言：javascript复制

  // template
         <el-date-picker
          v-model="searchData.date"
          type="date"
          placeholder="选择日期"
          style="width:150px"
          value-format="yyyy-MM-dd"
          @change="getFilterData"
        />
        
  // js
   data() {
    return {
      searchData: {
        inputValue1: '',
        inputValue2: '',
        date: ''
      }
    }
  },
  mounted() {
    this.getNowTime()
  },
  methods: {
    getFilterData() {
      this.$emit('getFilterData', this.searchData)
    },
    getNowTime() {
      var now = new Date()
      var year = now.getFullYear() // 得到年份
      var month = now.getMonth() // 得到月份
      var date = now.getDate() // 得到日期
      month = month   1
      month = month.toString().padStart(2, '0')
      date = date.toString().padStart(2, '0')
      var defaultDate = `${year}-${month}-${date}`
      this.$set(this.searchData, 'date', defaultDate)
    }
  }

vue.js elementui

0 人点赞