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>
相关推荐
humors2211 小时前
java实现excel导入参考资料合集
java·前端·后端·wps·导出·导入·office
New.file2 小时前
AJAX详解
前端·ajax·okhttp
小七蒙恩2 小时前
java 上传txt json等类型文件解析后返回给前端
java·前端·json
糕冷小美n3 小时前
jeecgbootvue3列表数据状态为数字时,手动赋值的三种方法
前端·javascript·vue.js
mqiqe3 小时前
Nginx 配置前端后端服务
运维·前端·nginx
糖炒狗子4 小时前
2.Web安全——HTML基础
安全·web安全·html
小羊小羊,遇事不难4 小时前
Error: near “112136084“: syntax
java·服务器·前端
Domain-zhuo5 小时前
CSS实现一个自定义的滚动条
前端·javascript·css·vue.js·git·node.js
autumn8685 小时前
css的长度单位有那些?
前端·css
李贺梖梖5 小时前
CSS2笔记
前端