用moment获取一年内指定周的起始时间和结束时间、用户所选时间和前端传参时间不一致问题

本文链接：https://blog.csdn.net/smell201611010513/article/details/111849560

博客主要讲述了两个使用moment.js时遇到的问题。一是修改下拉框周值，打印年份和周份对应的周起始与结束时间时出现不对应的bug，通过将year()改为weekyear()解决；二是因未详细查看文档导致错误，查看显示模块内容后时间显示正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题1：

原代码：

//所选周
    selectedWeek:{
      handler(){
        let selectedWeek = parseInt(this.selectedWeek.substring(1))
        //计算所选周的周开始时间和周结束时间
        let selectedWeekFirstDay = moment().year(this.year).week(selectedWeek).day(1).format('YYYY-MM-DD')
        let selectedWeekLastDay = moment().year(this.year).week(selectedWeek).day(7).format('YYYY-MM-DD')
        this.selectedWeekDay = [ selectedWeekFirstDay, selectedWeekLastDay ]
        //清空原来展示的表格数据
        this.tableData = []
        //请求一次后台展示表格数据接口
        // this.showOutTableData()
      },
      immediate:false
    },
    //所选年
    year:{
      handler(){
        // this.year = newVal
        let selectedWeek = parseInt(this.selectedWeek.substring(1))
        //计算所选周的周开始时间和周结束时间
        let selectedWeekFirstDay = moment().year(this.year).week(selectedWeek).day(1).format('YYYY-MM-DD')
        let selectedWeekLastDay = moment().year(this.year).week(selectedWeek).day(7).format('YYYY-MM-DD')
        this.selectedWeekDay = [ selectedWeekFirstDay, selectedWeekLastDay ]
        //请求一次后台展示表格数据接口
        // this.showOutTableData()        
      },
      immediate:false
    },

结果每次修改下拉框的周值，打印出年份周份相相应的周起始时间和周结束时间：

可以看到bug：用户选择的年份和周打印结果都正确，但是周的起始时间和结束时间并不和它们对应。（博主当前测试时间为2020.12.28）

于是查看moment.js官方文档：

year()：获取或设置年份

weekYear()：根据语言环境获取或设置周年

isoWeekYear()：获取或设置ISO周年

于是将year()改为weekyear()：

结果打印为

周时间段终于对上了！！！！！！

问题2：

错误原因在于没有详细查看moment.js官方文档，这里需要查看显示模块的内容。

over，时间显示正确！