美文网首页
js实现日期选择器的两种方法(默认展示为最近一周)

js实现日期选择器的两种方法(默认展示为最近一周)

作者: 水母云 | 来源:发表于2019-04-01 17:52 被阅读0次

方法一:
读取当前日期,再将day-7,判断day<=0针对不同月份的显示情况:

 let today = date.toISOString().split('T')[0];
    let oneWeekBefore = '';
    let year = date.getFullYear();
    let month = date.getMonth() + 1;
    let day = date.getDate() - 7;
    if(day <= 0 &&(month == 1||3||5||7||8||10||12)){
        day = 31+day;
        month --;
    }
    else if(day <= 0 &&(month == 2)){
        day = 28+day;
        month --;
    }
    else{
        day = 30+day;
        month --;
    };
    day = day > 9 ? day: '0' + day;  
    if(month == 0){
        oneWeekBefore = (year-1) + '-12-' + day;
    }
    else{
        month = month > 9 ? month: '0' + month;
        oneWeekBefore = year + '-' + month + '-' + day;
    };

方法二:
先读取当前日期,再读取七天前日期。

    let date = new Date();
    let today = date.toISOString().split('T')[0];
    let oneWeekBeforeDate = new Date(date.getTime() - (7 * 24 * 60 * 60 * 1000));
    let oneWeekBefore = oneWeekBeforeDate.toISOString().split('T')[0];

显然,第二种方法简便了很多。

相关文章

  • js实现日期选择器的两种方法(默认展示为最近一周)

    方法一:读取当前日期,再将day-7,判断day<=0针对不同月份的显示情况: 方法二:先读取当前日期,再读取七天...

  • 小程序如何使用 npm 工具

    一、日期选择器入门小程序 npm 实现一个日历选择器为例: app.js 同级目录下,创建依赖文件 package...

  • Swift.日期选择器

    实现效果: controller弹出时:半透明背景渐变展示.时间选择器从下方弹出.选择器日期滚动到当前日期. 点击...

  • 2020-05-15

    js获取当前周、上一周、下一周日期以及日期对应当前月的第几周 以下对应js方法(抽取为单独js文件之后进行提取即可...

  • jQuery选择器(全面)

    JS提供操作DOM元素的方法只有两种 jQuery选择器ID选择器 类选择器 标签选择器 后代选择器 父子选择器 ...

  • Day008 - js应用(2018-11-13)

    一、动态添加和删除元素 ~兄弟选择器+相邻兄弟选择器 a标签有默认的跳转页面的行为,有两种方法可以阻止它的默认行为...

  • [实现] angular的directive + laydate

    [实现] angular的directive + laydate 实现日期选择器 因为最近anguar项目里大量用...

  • 全选、反选和全不选效果(jQuery)

    本文内容比较简单却很常用,主要讲述使用jQuery的选择器实现全选、全不选(两种方法实现)及反选(两种方法实现)的...

  • jdk 8

    接口默认实现 静态方法引用 lambda 日期 响应时编程

  • 模拟实现JQ中的链式编程和事件注册

    simpleJQ.js 实现的方法 : $('选择器'):可选值, ID,类,标签,属性 click():$(se...

网友评论

      本文标题:js实现日期选择器的两种方法(默认展示为最近一周)

      本文链接:https://www.haomeiwen.com/subject/qbfbbqtx.html