element日历组件赋值完之后，再次选择显示的日期不会发生改变；顺手记录一下获取本周一到当前天的日期；

addU

已于 2022-04-07 10:16:01 修改

阅读量594

点赞数

分类专栏： Vue js 文章标签： javascript vue.js elementui

于 2022-04-07 10:09:15 首次发布

本文链接：https://blog.csdn.net/flyinglf/article/details/124006839

版权

Vue 同时被 2 个专栏收录

17 篇文章 1 订阅

订阅专栏

6 篇文章 1 订阅

订阅专栏

本文介绍了如何通过初始化绑定参数来修复一个图表展示的问题，即选中后显示的日期范围始终为4-7号，点击查询后变为1-7号。开发者分享了获取本周一到当前天日期的方法，并展示了设置`timeRange`为周界时间的解决方案。

摘要由CSDN通过智能技术生成

效果图：在这里插入图片描述
如上，选完之后还是显示4-7号，点查询能变成1-7号。
解决方式，初始化绑定参数就好了。

queryForm: { timeRange: [] },

=获取本周一到当前天的日期===========

created() {
    this.dictcode = Object.assign({}, this.dict)
    // 初始化开始时间和结束时间-本周一到今天止
    var date = new Date()
    let endTime = this.timeFormat(date)
    let startTime = this.getFirstDayOfWeek(date)
    this.queryForm.timeRange = [startTime, endTime]
  },
  methods: {
    getFirstDayOfWeek(date) {
      var weekday = date.getDay() || 7
      date.setDate(date.getDate() - weekday + 1)
      return this.timeFormat(date)
    },
    timeFormat(date) { // 格式
      if (!date || typeof date === 'string') {
        this.error('参数异常，请检查...')
      }
      var y = date.getFullYear() //年
      var m = date.getMonth() + 1 //月
      var d = date.getDate() //日
      return y + '-' + m + '-' + d
    },
  }