2010-09-29 3 views

ответ

393

Вы можете использовать JavaScript, не Jquery не требуется:

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

Форматирование в dd/mm/yyyy:

var dd = someDate.getDate(); 
var mm = someDate.getMonth() + 1; 
var y = someDate.getFullYear(); 

var someFormattedDate = dd + '/'+ mm + '/'+ y; 
+73

Как и большинство javascript, встроенная обработка даты чрезвычайно мощная, но совершенно не интуитивная. –

+9

@Joel: Согласен, это headshaker, что 'setDate()'. Неинтуитивный - хороший дескриптор. –

+1

[Объект даты] (https://developer.mozilla.org/en/JavaScript/Reference/global_objects/date) для справки. – Reigel

81

Вы можете расширить JavaScript Object 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); 
+7

Это не сработает ... добавление дней в результате приведет к появлению странных лет и месяцев. –

+14

@Ferryvandenheuvel: Неправда. Предлагаемый метод работает отлично. –

+1

@Ferryvandenheuvel был прав, потому что решение Кришнаса нуждается в незначительном, но важном улучшении, чтобы быть безопасным, если дни даны как строка вместо целого числа: см. Мой комментарий ниже http://stackoverflow.com/a/20468397/2732083 –

4

Вы можете использовать эту библиотеку «Datejs с библиотекой с открытым исходным кодом JavaScript».

4

Я нашел, что это боль в 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); 
}; 
+0

Мертвая ссылка. .. К счастью, страница была сохранена на [WayBack Machine] (https://web.archive.org/web/20120329060501/http://www.stevenleath.com/blogengine.web/post/2011/03/09/How-) делать-I-надстройку-дни-в-javascript.aspx вычитать. Несмотря на то, что на странице не так много полезной информации, кроме ответа, хорошо взглянуть на источник, на который ссылается. – Fr0zenFyr

16

Принятая здесь ответ дал мне непредсказуемые результаты, иногда причудливо добавляя месяцы и годы.

Самый надежный способ, которым я мог бы найти был найден здесь 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); 

EDIT: Даже если он работал для некоторых людей, я не думаю, что это совершенно правильно. Я рекомендовал бы идти с более популярным ответом или использовать что-то вроде http://momentjs.com/


+1

Это не сработает в течение нескольких дней с изменением летнего времени. Некоторые дни не 24 часа в сутки, некоторые из них 23, некоторые из них 25. Я не знаю, какие непредсказуемые результаты вы получили, но добавив 1 к день (день) собственности и пусть библиотека работает, остальные, как правило, лучшие путь. – dalore

+0

Если вас интересует только ** день **, он может использовать это решение, убедитесь, что время - это что-то вроде 12:00. Вы должны игнорировать время результата, хотя, но день должен быть правильным. –

+1

Каковы непредсказуемые результаты? – Sam

0

я обнаружил, что JavaScript может вернуть правильную дату, когда вы используете new Date(nYear, nMonth, nDate); с более дней этого месяца. Постарайтесь, чтобы увидеть результат 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); 
    }; 
+5

Это не то, как вы рассчитываете високосный год - нужно учитывать% 4,% 100 и% 400, чтобы быть прав. –

25

Прототипом-решение от Кришны Chytanya является очень приятно, но нуждается в незначительном, но важном улучшении. Параметр days должен анализироваться как Integer, чтобы избежать странных вычислений, когда days является строкой типа «1». (Мне нужно было несколько часов, чтобы выяснить, что пошло не так в моем приложении.)

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

Даже если вы не используете эту функцию прототипа: Всегда убедитесь, чтобы иметь Integer при использовании SETDATE().

59

Почему бы просто не использовать

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

var newDate = addDays(new Date(), 5); 

или -5 удалить 5 дней

+1

Чтобы вернуть форматированную дату, используйте этот **** return (returndate.getMonth() + 1) + "/" + returndate.getDate() + "/" + returndate.getFullYear(); –

+7

это не удастся два раза в год из-за изменения DTS. – jancha

+0

В соответствии с комментарием jancha относительно этой функции: добавление дней через границу DTS даст вам неправильную дату/время. Таким образом, лучше всего использовать библиотеку с установленными датами, такую ​​как momentjs. – br2000

44

Это на 5 дней:

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

Вам не нужно JQuery, вы можете сделать это в Javascript, надеюсь, вы его получите.

+3

Я думаю, что это уже самое чистое решение, которое я нашел. Спасибо – zhihong

+0

Кроме того, чтобы добавить 180 минут 'new Date (new Date(). GetTime() + (180 * 60 * 1000))' – Cryptopat

8

Чистое решение JS, с датой отформатированы в формате YYYY-мм-дд

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);

+1

Отлично ... особенно. способ форматирования, который отлично работает в моем случае, может быть не общим решением. – Fr0zenFyr

6
Date.prototype.addDays = function(days) 
{ 
    var dat = new Date(this.valueOf() + days * 24 * 60 * 60 * 1000); 
    return dat; 
} 
3

Если раз в Дату не нужны, то вы можете просто использовать методы даты объекта, чтобы извлеките месяц, год и день и добавьте «n» количество дней в дневную часть.

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) 

Ref: Mozilla Javascript GetDate

Edit: Ref: Mozilla JavaScript Date

+1

Если вы запустите функцию getDate() на requiredDate, возвращаемое значение будет некорректным. –

+1

Не совсем @CyrilleArmanger: Проверьте это http://jsfiddle.net/sahiljambhekar/6u7caake/. Также в переменной «requiredDate», если вы запустите метод getDate(), он вернет День месяца, который также исправит. Поэтому, пожалуйста, удалите нижний предел, как это работает код –

+3

Что произойдет, когда today.getDate() === 30? –

0

Вот решение, которое работает для меня.

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); 

} 
3

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);

25

Moment.js

Установка moment.js из here.

НПМ: $ 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 для управления объектами даты и чрезвычайно легким весом на 40kb.

Удачи.

0

вы можете попробовать это и не нужно JQuery: timeSolver.js

Например, добавьте 5 день на сегодня:

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

Вы также можете добавить на час, месяц ... и т.д.. посмотрите пожалуйста для получения дополнительной информации.

+1

... но вам нужен timeSolver? –

Смежные вопросы