moment.js返回本周

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

 

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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值