【问题标题】:How to add number of days to today's date? [duplicate]如何将天数添加到今天的日期? [复制]
【发布时间】:2011-04-18 14:33:12
【问题描述】:

我需要能够使用 jQuery 将 1、2、5 或 10 天添加到今天的日期。

【问题讨论】:

    标签: javascript jquery date


    【解决方案1】:

    你可以使用 JavaScript,不需要 jQuery:

    var someDate = new Date();
    var numberOfDaysToAdd = 6;
    var result = someDate.setDate(someDate.getDate() + numberOfDaysToAdd);
    console.log(new Date(result))
    

    【讨论】:

    • 像大多数javascript一样,内置的日期处理功能非常强大,但完全不直观。
    • @Joel:同意,setDate() 令人震惊。不直观是一个很好的描述。
    • Date object 供参考。
    • 仅用于文档,您可以使用 setDate 方法添加 o 减去天数。传递给方法的数字是否大于 31 无关紧要,它甚至可能是负值。
    • 我不会称之为 dd/mm/yyyy 格式。我称之为d/m/yyyy
    【解决方案2】:

    [更新] 在继续之前考虑阅读this...

    Moment.js

    here 安装moment.js

    npm$ npm i --save moment

    鲍尔:$bower install --save moment

    接下来,

    var date = moment()
                .add(2,'d') //replace 2 with number of days you want to add
                .toDate(); //convert it to a Javascript Date Object if you like
    

    链接参考:http://momentjs.com/docs/#/manipulating/add/

    Moment.js 是一个了不起的 Javascript 库,用于管理 Date 对象和在40kb 上的极轻量级。

    祝你好运。

    【讨论】:

    • 40kb 对于单页应用程序来说太多了,仅用于管理日期
    • 40kb 没问题,它会被缓存在浏览器中,所以下载时间只适用于第一个页面查看。有宽带连接的用户不会注意到任何差异。
    • @stackdave 取决于强度。再加几天,是的。管理复杂的日期逻辑,不。
    • 不幸的是,momentjs 已经停止了该项目的工作并处于仅维护模式:(
    • 当我读到这篇文章时,我得到了同样的回应:momentjs.com/docs
    【解决方案3】:

    纯JS解决方案,日期格式为YYYY-mm-dd格式

    var someDate = new Date('2014-05-14');
    someDate.setDate(someDate.getDate() + 15); //number  of days to add, e.x. 15 days
    var dateFormated = someDate.toISOString().substr(0,10);
    console.log(dateFormated);

    【讨论】:

    • 优秀...特别是。在我的情况下完美工作的格式化方式可能不是一个通用的解决方案。
    • 由于浏览器的差异和不一致,强烈建议不要使用 Date 构造函数(和 Date.parse,它们是等效的)解析日期字符串。 (来自 Mozilla 参考)
    • 当天数变为动态时,您的代码创建了错误的日期,请检查
    【解决方案4】:

    这是 5 天:

    var myDate = new Date(new Date().getTime()+(5*24*60*60*1000));
    

    你不需要 JQuery,你可以用 JavaScript 做,希望你明白。

    【讨论】:

    • 我认为这是迄今为止我找到的最干净的解决方案。谢谢
    • 进一步扩展,增加180分钟new Date(new Date().getTime()+(180*60*1000))
    • 或者,为了进一步简化,为期 5 天:let myDate = new Date(Date.now() + 5 * 86400000);
    • 闰秒,DST - 不起作用
    • 这对我来说就像是约会部分的魅力。
    【解决方案5】:

    如果不需要 Date 中的时间,那么您可以简单地使用 date 对象的方法来提取月、年和日,并将“n”天添加到 Day 部分。

    var n=5; //number of days to add. 
    var today=new Date(); //Today's Date
    var requiredDate=new Date(today.getFullYear(),today.getMonth(),today.getDate()+n)
    

    参考:Mozilla Javascript GetDate

    编辑:参考:Mozilla JavaScript Date

    【讨论】:

    • 如果在 requiredDate 上运行 getDate() 函数,则返回的值不正确。
    • 不是真的@CyrilleArmanger:检查这个jsfiddle.net/sahiljambhekar/6u7caake。同样在变量 'requiredDate' 上,如果您运行 getDate() 方法,那么它将返回月份中的日期,这也是正确的。所以请删除downvote,因为它是工作代码
    • today.getDate() === 30 会发生什么?
    • @AlexPolkhovsky:抱歉回复晚了。在您的情况下,它将滚动到下个月(如果该月有 30 天)。参考:jsfiddle.net/sahiljam/jmty86xm
    • 此方法无效。如果日期 === 30 会发生什么
    【解决方案6】:

    function addDays(n){
        var t = new Date();
        t.setDate(t.getDate() + n); 
        var month = "0"+(t.getMonth()+1);
        var date = "0"+t.getDate();
        month = month.slice(-2);
        date = date.slice(-2);
         var date = date +"/"+month +"/"+t.getFullYear();
        alert(date);
    }
    
    addDays(5);

    【讨论】:

    • 这很好。为我工作
    【解决方案7】:

    你可以试试这个,不需要JQuery:timeSolver.js

    例如,在今天加上 5 天:

    var newDay = timeSolver.add(new Date(),5,"day");
    

    您也可以按小时、月...等添加。 请参阅以获取更多信息。

    【讨论】:

    • ...但您确实需要 timeSolver?
    【解决方案8】:

    这是一个对我有用的解决方案。

    function calduedate(ndays){
    
        var newdt = new Date(); var chrday; var chrmnth;
        newdt.setDate(newdt.getDate() + parseInt(ndays));
    
        var newdate = newdt.getFullYear();
        if(newdt.getMonth() < 10){
            newdate = newdate+'-'+'0'+newdt.getMonth();
        }else{
            newdate = newdate+'-'+newdt.getMonth();
        }
        if(newdt.getDate() < 10){
            newdate = newdate+'-'+'0'+newdt.getDate();
        }else{
            newdate = newdate+'-'+newdt.getDate();
        }
    
        alert("newdate="+newdate);
    
    }
    

    【讨论】:

      【解决方案9】:
      Date.prototype.addDays = function(days)
      {
          var dat = new Date(this.valueOf() + days * 24 * 60 * 60 * 1000 );
          return dat;
      }
      

      【讨论】:

        【解决方案10】:

        你可以像这样扩展 javascript Date 对象

        Date.prototype.addDays = function(days) {
            this.setDate(this.getDate() + parseInt(days));
            return this;
        };
        

        在你的javascript代码中你可以调用

        var currentDate = new Date();
        // to add 4 days to current date
        currentDate.addDays(4);
        

        【讨论】:

        • 那行不通...结果,增加天数会变得奇怪的年月。
        • @Ferryvandenheuvel:不正确。建议的方法效果很好。
        • @Ferryvandenheuvel 是正确的,因为如果将日期作为字符串而不是整数给出,则 Krishnas 解决方案需要进行微小但重要的改进才能安全:请参阅下面的评论 stackoverflow.com/a/20468397/2732083
        • 这对我有用。出于某种原因,如果没有 parseInt,我会在添加日期时得到奇怪的结果(提前几个月),但减去天数效果很好。你是怎么知道要添加 parseInt 的?
        • 太棒了,像魅力一样工作。
        【解决方案11】:

        我发现这对 javascript 来说是个难题。看看这个对我有帮助的链接。你有没有想过扩展日期对象。

        http://pristinecoder.com/Blog/post/javascript-formatting-date-in-javascript

        /*
         * Date Format 1.2.3
         * (c) 2007-2009 Steven Levithan <stevenlevithan.com>
         * MIT license
         *
         * Includes enhancements by Scott Trenda <scott.trenda.net>
         * and Kris Kowal <cixar.com/~kris.kowal/>
         *
         * Accepts a date, a mask, or a date and a mask.
         * Returns a formatted version of the given date.
         * The date defaults to the current date/time.
         * The mask defaults to dateFormat.masks.default.
         */
        
        var dateFormat = function () {
            var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
                timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
                timezoneClip = /[^-+\dA-Z]/g,
                pad = function (val, len) {
                    val = String(val);
                    len = len || 2;
                    while (val.length < len) val = "0" + val;
                    return val;
                };
        
            // Regexes and supporting functions are cached through closure
            return function (date, mask, utc) {
                var dF = dateFormat;
        
                // You can't provide utc if you skip other args (use the "UTC:" mask prefix)
                if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object String]" && !/\d/.test(date)) {
                    mask = date;
                    date = undefined;
                }
        
                // Passing date through Date applies Date.parse, if necessary
                date = date ? new Date(date) : new Date;
                if (isNaN(date)) throw SyntaxError("invalid date");
        
                mask = String(dF.masks[mask] || mask || dF.masks["default"]);
        
                // Allow setting the utc argument via the mask
                if (mask.slice(0, 4) == "UTC:") {
                    mask = mask.slice(4);
                    utc = true;
                }
        
                var _ = utc ? "getUTC" : "get",
                    d = date[_ + "Date"](),
                    D = date[_ + "Day"](),
                    m = date[_ + "Month"](),
                    y = date[_ + "FullYear"](),
                    H = date[_ + "Hours"](),
                    M = date[_ + "Minutes"](),
                    s = date[_ + "Seconds"](),
                    L = date[_ + "Milliseconds"](),
                    o = utc ? 0 : date.getTimezoneOffset(),
                    flags = {
                        d:    d,
                        dd:   pad(d),
                        ddd:  dF.i18n.dayNames[D],
                        dddd: dF.i18n.dayNames[D + 7],
                        m:    m + 1,
                        mm:   pad(m + 1),
                        mmm:  dF.i18n.monthNames[m],
                        mmmm: dF.i18n.monthNames[m + 12],
                        yy:   String(y).slice(2),
                        yyyy: y,
                        h:    H % 12 || 12,
                        hh:   pad(H % 12 || 12),
                        H:    H,
                        HH:   pad(H),
                        M:    M,
                        MM:   pad(M),
                        s:    s,
                        ss:   pad(s),
                        l:    pad(L, 3),
                        L:    pad(L > 99 ? Math.round(L / 10) : L),
                        t:    H < 12 ? "a"  : "p",
                        tt:   H < 12 ? "am" : "pm",
                        T:    H < 12 ? "A"  : "P",
                        TT:   H < 12 ? "AM" : "PM",
                        Z:    utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""),
                        o:    (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
                        S:    ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
                    };
        
                return mask.replace(token, function ($0) {
                    return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
                });
            };
        }();
        
        // Some common format strings
        dateFormat.masks = {
            "default":      "ddd mmm dd yyyy HH:MM:ss",
            shortDate:      "m/d/yy",
            mediumDate:     "mmm d, yyyy",
            longDate:       "mmmm d, yyyy",
            fullDate:       "dddd, mmmm d, yyyy",
            shortTime:      "h:MM TT",
            mediumTime:     "h:MM:ss TT",
            longTime:       "h:MM:ss TT Z",
            isoDate:        "yyyy-mm-dd",
            isoTime:        "HH:MM:ss",
            isoDateTime:    "yyyy-mm-dd'T'HH:MM:ss",
            isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
        };
        
        // Internationalization strings
        dateFormat.i18n = {
            dayNames: [
                "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat",
                "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
            ],
            monthNames: [
                "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
                "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
            ]
        };
        
        // For convenience...
        Date.prototype.format = function (mask, utc) {
            return dateFormat(this, mask, utc);
        };
        

        【讨论】:

        • 死链接...幸运的是页面保存在WayBack Machine。虽然页面上没有比答案更多有用的信息,但最好看看引用的来源。
        【解决方案12】:

        为什么不简单地使用

        function addDays(theDate, days) {
            return new Date(theDate.getTime() + days*24*60*60*1000);
        }
        
        var newDate = addDays(new Date(), 5);
        

        或 -5 删除 5 天

        【讨论】:

        • 要返回一个格式化的日期,使用这个**** return (returndate.getMonth() + 1) + "/" + returndate.getDate() + "/" + returndate.getFullYear();
        • 由于 DTS 更改,这将每年失败两次。
        • 根据有关此功能的 jancha 评论:在 DTS 边界上添加天数将为您提供不正确的日期/时间结果。因此,最好使用像momentjs这样的已建立的日期库。
        • @jancha 更准确地说,代码始终将 UTC 等效时间增加 120 小时——这意味着,一年两次,您最终会得到不同的小时结果。这可能是您想要的,也可能不是。
        • 兄弟你的回答很好,谢谢
        【解决方案13】:

        来自 Krishna Chytanya 的原型解决方案非常好,但需要进行微小但重要的改进。 必须将 days 参数解析为 Integer 以避免当 days 是像“1”这样的字符串时出现奇怪的计算。 (我需要几个小时才能找出我的应用程序出了什么问题。)

        Date.prototype.addDays = function(days) {
            this.setDate(this.getDate() + parseInt(days));
            return this;
        };
        

        即使你不使用这个原型函数: 使用 setDate() 时请务必使用整数。

        【讨论】:

        • 我自己编写了原型函数,但添加天数时它不起作用,我无法弄清楚。添加 parseInt 立即解决了这个问题。你认为如何使用它?一百万年后我永远不会想到这一点。
        【解决方案14】:

        这里接受的答案给了我不可预知的结果,有时奇怪地增加了几个月和几年。

        我能找到的最可靠的方法在这里找到 Add days to Javascript Date object, and also increment month

        var dayOffset = 20;
        var millisecondOffset = dayOffset * 24 * 60 * 60 * 1000;
        december.setTime(december.getTime() + millisecondOffset); 
        

        编辑:尽管它对某些人有效,但我认为它并不完全正确。我建议使用更受欢迎的答案或使用http://momentjs.com/


        【讨论】:

        • 这在夏令时改变的日子里不起作用。有些日子不是一天 24 小时,有些是 23 小时,有些是 25 小时。我不知道你得到了什么不可预测的结果,但是将 1 添加到 day(date) 属性并让图书馆解决剩下的通常是最好的方式。
        • 如果您只对哪一天感兴趣,可以使用此解决方案,确保时间大约是 12:00。您需要忽略结果的时间,但日期应该是正确的。
        • 什么是不可预知的结果?
        • @Sam 听起来像“不可预测的结果”==“增加 31 天增加一个月”......至少从他的评论中我听起来是这样的。
        • @saluce,我知道你的意思,但我认为我从接受的答案的方法中从来没有遇到过这样的问题。我很好奇是否真的有错误的结果,或者这个答案是否不正确。
        【解决方案15】:

        我发现当您使用 new Date(nYear, nMonth, nDate); 和该月的剩余天数时,JavaScript 可以返回正确的日期。 当你使用这个时,尝试查看 dDate 变量的结果:

        var dDate = new Date(2012, 0, 34); // the result is 3 Feb 2012


        我有一个 SkipDate 函数要分享:

            function DaysOfMonth(nYear, nMonth) {
                switch (nMonth) {
                    case 0:     // January
                        return 31; break;
                    case 1:     // February
                        if ((nYear % 4) == 0) {
                            return 29;
                        }
                        else {
                            return 28;
                        };
                        break;
                    case 2:     // March
                        return 31; break;
                    case 3:     // April
                        return 30; break;
                    case 4:     // May
                        return 31; break;
                    case 5:     // June
                        return 30; break;
                    case 6:     // July
                        return 31; break;
                    case 7:     // August
                        return 31; break;
                    case 8:     // September
                        return 30; break;
                    case 9:     // October
                        return 31; break;
                    case 10:     // November
                        return 30; break;
                    case 11:     // December
                        return 31; break;
                }
            };
        
            function SkipDate(dDate, skipDays) {
                var nYear = dDate.getFullYear();
                var nMonth = dDate.getMonth();
                var nDate = dDate.getDate();
                var remainDays = skipDays;
                var dRunDate = dDate;
        
                while (remainDays > 0) {
                    remainDays_month = DaysOfMonth(nYear, nMonth) - nDate;
                    if (remainDays > remainDays_month) {
                        remainDays = remainDays - remainDays_month - 1;
                        nDate = 1;
                        if (nMonth < 11) { nMonth = nMonth + 1; }
                        else {
                            nMonth = 0;
                            nYear = nYear + 1;
                        };
                    }
                    else {
                        nDate = nDate + remainDays;
                        remainDays = 0;
                    };
                    dRunDate = Date(nYear, nMonth, nDate);
                }
                return new Date(nYear, nMonth, nDate);
            };
        

        【讨论】:

        • 这不是您计算闰年的方式 - 它需要考虑 % 4、% 100 和 % 400 才能正确。
        【解决方案16】:

        你可以使用这个库“Datejs开源JavaScript日期库”。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2021-06-16
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2014-12-27
          • 1970-01-01
          相关资源
          最近更新 更多