问题描述:

假设当前年月为“2019-04”,显示在中间区域。若点击“Last month”,则会显示“2019-03”,点击“Next month”,则会显示“2019-05”,如下图所示。

实现方法:

let currentDate = "2019-04";
currentDate = new Date(currentDate); // 将日期格式转换为 Mon Apr 01 2019 08:00:00 GMT+0800 (中国标准时间)// 月份加一
let lastDate = currentDate.setMonth(currentDate.getMonth() - 1); // 输出日期格式为毫秒形式1551398400000lastDate = new Date(lastDate);
let lastYear = lastDate.getFullYear();
let lastMonth = checkMonth(lastDate.getMonth() + 1); // 因日期中的月份表示为0-11,所以要显示正确的月份,需要 + 1lastDate = lastYear + '-' + lastMonth; // "2019-03"// 月份减一
let nextDate = currentDate.setMonth(currentDate.getMonth() + 1); // 输出日期格式为毫秒形式1556668800000nextDate = new Date(nextDate);
let nextYear = nextDate.getFullYear();
let nextMonth = checkMonth(nextDate.getMonth() + 1); // 因日期中的月份表示为0-11,所以要显示正确的月份,需要 + 1nextDate = nextYear + '-' + nextMonth; // "2019-05"

其中,checkMonth 函数的作用是将单位数的月份前面加 ‘0’,比如:‘7’ 变成 ‘07’,代码如下所示:

checkMonth (i) {if (i<10){i="0" + i;}return i;
}

END

【应用】如何使用JS实现日期按月份加减相关推荐

  1. js 实现日期按月份加减

    1 月份加减方法(公共方法) //月份加减 function addMonths(yearMonthDay,monthNum){var arr=yearMonthDay.split('-');//20 ...

  2. Pandas把某一列日期的月份加减 月份前进或后退

    Pandas把某一列日期的月份加减.年份加减 月份前进或后退 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题,有助于目录的生成 如何改变文本的样式 插入链接与图片 如何插入一段漂 ...

  3. html5+datatime加减,javascript实现日期按月份加减

    项目中需要用到,自己写了一个.javascript日期按月加减 function dateToDate(date) { var sDate = new Date(); if (typeof date ...

  4. java时间差的百分之二十,Java对日期Date类进行加减运算、年份加减月份加减、时间差等等...

    实现代码一: import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; public c ...

  5. java当前月份减一个月_Java对日期Date类进行加减运算、年份加减月份加减、时间差等等...

    实现代码一: import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; public c ...

  6. php购物车数量加减代码,js实现购物车商品数量加减

    本文实例为大家分享了js实现购物车商品数量加减的具体代码,供大家参考,具体内容如下 Html - + CSS .list a { display: block; margin: 30px; paddi ...

  7. python 月份加减,Python日期的加减等操作的示例

    本文介绍了Python日期的加减等操作的示例,分享给大家,也给自己留个笔记 1. 日期输出格式化 所有日期.时间的api都在datetime模块内. 1. datetime => string ...

  8. js 时间运算,时间加减

    <html> <head> <meta http-equiv="Content-Type" content="textml; charset ...

  9. java 日期的加减_用java实现日期类的加减

    Java代码 public class test1 { public static void main(String[] args) { Calendar c = Calendar.getInstan ...

最新文章

  1. H5地理定位获取用户当前位置、城市
  2. cuda linux编译器_linux下如何编译CUDA+QT(qtcreator下)
  3. 如何将Anaconda更新到想要的python版本(其实使用的是Anaconda中的切换不同环境的方法,不过步骤挺好)
  4. 大工18秋计算机应用在线作业,大工18秋《计算机应用基础》在线测试2答案.docx...
  5. IntelliJ IDEA快速自动生成Junit测试类
  6. Layui 左部菜单栏无限级分类
  7. win8php7安装教程,8代处理器安装win7、win8.1教程
  8. 【数据库技术与应用】Part01——数据库系统概述
  9. android developer tools下载地址
  10. mysql stmt fetch_mysql_stmt_fetch()
  11. Ackerman函数 非递归 java_ackerman(ackerman是谁)
  12. 定制QWidget标题栏的示例
  13. PHP高效率写法(详解原因)
  14. 笔记本电脑找不到个人热点的解决方法
  15. 崩坏3九游服务器稳定吗,崩坏3:大佬亲身经历告诉你,玩崩坏3到底该不该压等级!...
  16. ot permission denied while trying to connect to the Docker daemon socket at
  17. 思科新版ccna认证网工一定要知道的PIM技术概述
  18. golang 获取当天0点时间_golang 获取当天是周几(两种方法)
  19. CT图像的三维表面重建
  20. Mac pro 下安装win7系统双系统

热门文章

  1. 【博客412】Go channel
  2. galaxy+s3+android+6.0,三星Galaxy S3或将迎来Android 6.0
  3. 看看编程大牛们是怎么摆放桌面文件的
  4. 简单易用的照片编辑器—“PhotoScape X”
  5. chrome 下载excel时,失败,网络错误的问题
  6. 在网页中的动漫人物互动
  7. 【笔记】《Bootstrap实战》——第5章 电子商务网站
  8. RamDisk 内存虚拟硬盘,Windows 2008 R2,Win7 64位系统
  9. 绘画教程:动漫美少女的配饰怎么画?
  10. Apache Beam记录