
需求:输入框中要把当天日期默认显示在输入框中,并且传给后台的日期格式是 2020-11-25
页面效果:

element UI中有一个default-value 属性,可以设置选择器打开时默认显示的时间
不知道是不是方法不对,设置之后没有实现效果。最后通过下面的方法实现效果
  // 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)
    }
  }本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。