moment.js返回本周
2024-08-24 22:10:01
项目中需要做个打卡的模块。里面有个模块需要返回当前这个星期从星期日到星期六的日期,如下图:
我是通过 moment.js 的 moment().day() 实现这个效果的,它的说明如下图:
关于这个插件,更多其它方法可以看它的官网。
解决方案的js核心代码如下:
function getWeekDay(){
var nowD = Number(moment().day()); //今天星期几
var startD = Number(moment().day(0).format('D')); //本周第一天的日期
var endD = Number(moment().day(0).add(6, 'days').format('D')); //本周最后一天的日期
var dayArray = []; for(var d=startD;d<=endD;d++){
dayArray.push(d);//将当前这个星期的日期存入数组
} //循环把日期显示
$(".js_date_d").each(function () {
var thisIndex = $(this).index()
$(this).find(".js_day").text(dayArray[thisIndex]);
if(thisIndex<nowD){
$(this).addClass("past") //过去添加样式 past
}else if(thisIndex===nowD){
$(this).addClass("current") //今天添加样式 current
}else{
$(this).addClass("future") //未来添加样式 future
}
})
}
html代码截图如下:
最新文章
- asp.net mvc跨域filter
- AngularJS 简介
- ELK系统中kibana展示数据的时区问题
- [ucgui] 对话框2——小窗口初始化与消息响应
- Java中自定泛型方法
- curl命令具体解释
- Jsp内置对象-session
- Android之GPS应用开发
- thread block grid
- jQuery Tags Input 插件显示选择记录
- gcc与g++的编译链接的示例详解
- Windows系统还原失败心得
- c# 如何读取web.config中的内容(ConfigurationManager)
- Kafka学习笔记-如何保证高可用
- BZOJ 3157: 国王奇遇记 (数学)
- C语言作业3
- leetcode — pascals-triangle
- chrome浏览器多开的方法
- 网站的title添加图片
- 【网络协议】TCP分段与IP分片
热门文章
- C#读取大数据量Excel
- Python HTTP 请求时对重定向中的 cookie 的处理
- 安装Appium-desktop,并连接模拟器!Appium-Python-Client
- elastic-job 新手指南
- 利用java8对设计模式的重构
- 【转】大数据分析中Redis怎么做到220万ops
- Struts2漏洞拉响网站安全红色警报以及把Struts2更新为最新版本Struts2.3.15.1步骤
- Kubernetes中的亲和性与反亲和性
- .net里Release的pdb文件有什么用 是否可以删除
- 【Mac使用系列】Mac锁屏及快捷键