项目中需要做个打卡的模块。里面有个模块需要返回当前这个星期从星期日到星期六的日期,如下图:

我是通过 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代码截图如下:

最新文章

  1. asp.net mvc跨域filter
  2. AngularJS 简介
  3. ELK系统中kibana展示数据的时区问题
  4. [ucgui] 对话框2——小窗口初始化与消息响应
  5. Java中自定泛型方法
  6. curl命令具体解释
  7. Jsp内置对象-session
  8. Android之GPS应用开发
  9. thread block grid
  10. jQuery Tags Input 插件显示选择记录
  11. gcc与g++的编译链接的示例详解
  12. Windows系统还原失败心得
  13. c# 如何读取web.config中的内容(ConfigurationManager)
  14. Kafka学习笔记-如何保证高可用
  15. BZOJ 3157: 国王奇遇记 (数学)
  16. C语言作业3
  17. leetcode — pascals-triangle
  18. chrome浏览器多开的方法
  19. 网站的title添加图片
  20. 【网络协议】TCP分段与IP分片

热门文章

  1. C#读取大数据量Excel
  2. Python HTTP 请求时对重定向中的 cookie 的处理
  3. 安装Appium-desktop,并连接模拟器!Appium-Python-Client
  4. elastic-job 新手指南
  5. 利用java8对设计模式的重构
  6. 【转】大数据分析中Redis怎么做到220万ops
  7. Struts2漏洞拉响网站安全红色警报以及把Struts2更新为最新版本Struts2.3.15.1步骤
  8. Kubernetes中的亲和性与反亲和性
  9. .net里Release的pdb文件有什么用 是否可以删除
  10. 【Mac使用系列】Mac锁屏及快捷键