html的week控件 获取周(星期)的第一天(周一)和最后一天(周日)

html的week控件 获取周(星期)的第一天(周一)和最后一天(周日)

javascript 复制代码
<input type="week" id="week" class="my-css" value="@ViewBag.DefaultWeek" />

<script>
function PageList() {                                
     var dateString = $("#week").val();//控件值格式为: 'YYYY-WW',如:2024-W42
     console.log("年度第几周", dateString);
     var year = parseInt(dateString.substr(0, 4), 10);//截取字符串"年"的部分:2024
     var week = parseInt(dateString.substr(6, 2), 10);//截取字符串"第几周"的部分:42

     //计算日期
     var jsDate = new Date(year, 0, (week - 1) * 7);//生成日期
     var dayOfWeek = jsDate.getDay();
     var dayOffset = dayOfWeek === 1 ? 0 : 1 - dayOfWeek;

     var monday = new Date(jsDate.setDate(jsDate.getDate() + dayOffset + 1));//星期一日期
     var sunday = new Date(jsDate.setDate(monday.getDate() + 6));//星期日日期(星期一+6天)

     var StartDate = monday.toISOString().substr(0, 10);
     var EndDate = sunday.toISOString().substr(0, 10);
     console.log('星期一: ' + StartDate);
     console.log('星期日: ' + EndDate);
}
</script>
相关推荐
鹏多多15 小时前
React无限滚动插件react-infinite-scroll-component的配置+优化+避坑指南
前端·javascript·react.js
不会算法的小灰15 小时前
HTML盒子模型详解
前端·html
lifejump15 小时前
文章管理系统CMS的XSS注入渗透测试(白盒)
前端·web安全·xss·安全性测试
华仔啊15 小时前
Vue3 登录页还能这么丝滑?这个 hover 效果太惊艳了
前端·css·vue.js
IT_陈寒15 小时前
JavaScript引擎优化:5个90%开发者都不知道的V8隐藏性能技巧
前端·人工智能·后端
云和数据.ChenGuang15 小时前
Component template requires a root element, rather than just错误
前端·javascript·vue.js
mCell16 小时前
为博客添加 RSS 订阅
前端·vitepress·rss
艾小码16 小时前
告别JS初学者噩梦:这样写流程控制和函数才叫优雅
前端·javascript
sdgsdgdsgc18 小时前
Next.js企业级应用开发:SSR、ISR与性能监控方案
开发语言·前端·javascript
哲此一生98418 小时前
搭建Vue3工程(去除不必要的文件)
前端·javascript·vue.js