js实现日期显示的一些操作(实例讲解)

前端之家收集整理的这篇文章主要介绍了js实现日期显示的一些操作(实例讲解)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、js获取当前日期(yyyy-mm-dd)

@H_502_3@

以下代码获取到的当前日期:@H_502_3@

获取完整的年份(4位,1970-????) var month = myDate.getMonth()+1; //获取当前月份(1-12) var day = myDate.getDate(); //获取当前日(1-31) //获取完整年月日 var newDay = year + “-” + month + “-” + day;

@H_502_3@@H_502_3@

2、点击实现日期的天数加减(yyyy-mm-dd)

@H_502_3@

点击俩个按钮分别可以实现日期的加减,如果本月天数达到最多,那么月份将会自动增加或减少@H_502_3@

= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } var currentdate = tomo.getFullYear() + seperator1 + month + seperator1 + strDate; $(".center-day").html(currentdate); }

@H_502_3@@H_502_3@

3、获取当前本周周一和本周周日的时间范围

@H_502_3@

不管当前是周几,都可以获取到当前所在这一周的起始时间@H_502_3@

= 1 && month <= 9) { month = "0" + month; } if (month1 >= 1 && month1 <= 9) { month1 = "0" + month1; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } if (strDate1 >= 0 && strDate1 <= 9) { strDate1 = "0" + strDate1; } currentdate = monday.getFullYear() + seperator1 + month + seperator1 + strDate + "至" + sunday.getFullYear() + seperator1 + month1 + seperator1 + strDate1; $(".center-day").html(currentdate); 32}

@H_502_3@@H_502_3@

4、点击实现每周范围的变化

@H_502_3@

点击改变的按钮将会改变显示一周范围的改变,如果有的在下一月或者下一年,那么将会自动显示,不会出现错误@H_502_3@

= 1 && month <= 9) { month = "0" + month; } if (month1 >= 1 && month1 <= 9) { month1 = "0" + month1; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } if (strDate1 >= 0 && strDate1 <= 9) { strDate1 = "0" + strDate1; } currentdate = monday.getFullYear() + seperator1 + month + seperator1 + strDate + "至" + sunday.getFullYear() + seperator1 + month1 + seperator1 + strDate1; $(".center-day").html(currentdate); }

@H_502_3@@H_502_3@

5、获取当前月份的第一天和最后一天

@H_502_3@

能够获取到当前所在月份的第一天和最后一天,最后一天的日期是不固定的,能够获取到应有的日期@H_502_3@

= 1 && month <= 9) {     month = "0" + month;   }   if (month1 >= 1 && month1 <= 9) {     month1 = "0" + month1;   }   currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate + "至" + date1.getFullYear() + seperator1 + month1 + seperator1 + strDate1;   $(".center-day").html(currentdate); }

@H_502_3@@H_502_3@

6、点击实现当前月份的改变

@H_502_3@

点击按钮会实现当前月份的改变,那么最后一天的日期也会自动改变,@H_502_3@

= 1 && month <= 9) {     month = "0" + month;   }   if (month1 >= 1 && month1 <= 9) {     month1 = "0" + month1;   }   currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate + "至" + date1.getFullYear() + seperator1 + month1 + seperator1 + strDate1;   $(".center-day").html(currentdate); }

@H_502_3@ @H_502_3@

当然还有很多关于日期格式的改变和算法,如果有什么不理解的可以留下评论,大家一起探讨。@H_502_3@

以上这篇js实现日期显示的一些操作(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。@H_502_3@

猜你在找的JavaScript相关文章