用moment获取一年内指定周的起始时间和结束时间、用户所选时间和前端传参时间不一致问题
问题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 = newVallet 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,时间显示正确!
用moment获取一年内指定周的起始时间和结束时间、用户所选时间和前端传参时间不一致问题相关推荐
- c#日期转换周几_C#获取每个年,月,周的起始日期和结束日期的方法
这篇文章主要介绍了C#获取每个年,月,周的起始日期和结束日期的方法,涉及C#时间与日期基本操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了C#获取每个年,月,周的起始日期和结束日期 ...
- moment 当前周一到周日_记一次用momentjs获取一年内所有周的起始时间遇到的bug
前言 业务有一个需求,选择了某一年后需要生成一个下拉列表让用户可以选择这一年各个周,然后前端产生这个周起始和结束的时间(周一早上00:00:00到周日晚上00:00:00),发送给后端接口获取所选周的 ...
- 转:[C#]获取某年指定周的开始日期和结束日期的通用方法
来自:http://blog.csdn.net/vrhero/archive/2008/01/13/2042481.aspx /// <summary> /// 获取一年中指定的一周的开始 ...
- 计算某年有多少周(周的起始日期。结束日期)
js方法 function formatNumber(n) {return n.toString().length > 1 ? n : '0' + n}const getWeek = {run: ...
- php获取当前周的起止日期,PHP获取一年有多少周和每周开始和结束日期
class Week extends Common{ public function get_week_all($year) { $whole_week = $this->get_big_wee ...
- php 计算指定年份的周总数与及第几周的开始日期和结束日期(从周一开始)
/** * 获取某年第几周的开始日期和结束日期 * @param int $year * @param int $week 第几周; */ public function weekday($year, ...
- java获取指定周的第一天和最后一天(周统计报表)
项目中需要进行周统计,需要获取特定周的第一天和最后一天,然后在此时间范围内进行统计. /*** 获取指定周的第一天* * @param year* @param week* @return*/publ ...
- Oracle获取指定周次的周几的日期
/*************************************************功能描述:* 获取某一年的最大周次.**算法描述:* N/A**修订记录:* 修改时间 编辑人 修改 ...
- java获取指定周的第一天 及 指定周的 最后一天
文章目录 前言 获取指定周的第一天 及 指定周的 最后一天 前言 做记录用:有借鉴他人代码 获取指定周的第一天 及 指定周的 最后一天 public class WeekYearNum {//regi ...
最新文章
- IDC行业前景,机遇与挑战并存
- 一段java代码是如何执行的?
- vue上传图片组件编写
- MSP430单片机输入与输出
- C# 控件开发中常用属性整理
- android sdk里的各目录作用
- 东北大哥在线反套路hhhhhh | 今日最佳
- js 正则 长度不超过50_如何花不超过50元人民币,拍抖音网红海马体照片?
- 二级c语言编程修改out文件夹,国家二级计算机c语言考试 程序设计题最后一题 怎么改out.dat文件 直接在文件里面给出答案...
- unity3d TextMeshPro使用中文字体(秒懂)
- sql分组排序语句顺序
- Katana程序集列表
- Cy5 COOH非活性染料溶于有机溶剂1032678-07-1 科研
- 小米路由器安装mysql_小米路由器安装和设置方法(图文教程)
- ubuntu系统chrome代理问题
- SQL Server 基础操作(一)安装数据库
- 专利学习笔记6:在线系统的登录方法
- php mysql 课件_php课件
- Charles抓包出现unknown问题
- 独立开发者如何笑傲江湖