Как добавить/вычесть даты с помощью JavaScript?

Ответ 1

Код:

var date = new Date('2011','01','02');
alert('the original date is '+date);
var newdate = new Date(date);

newdate.setDate(newdate.getDate() - 7); // minus the date

var nd = new Date(newdate);
alert('the new date is '+nd);​

JSFiddle Demo

Использование Datepicker:

$("#in").datepicker({
    minDate: 0,
    onSelect: function(dateText, inst) {
       var actualDate = new Date(dateText);
       var newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate()+1);
        $('#out').datepicker('option', 'minDate', newDate );
    }
});

$("#out").datepicker();​

JSFiddle Demo

Дополнительные материалы, которые могут пригодиться:

getDate()   Returns the day of the month (from 1-31)
getDay()    Returns the day of the week (from 0-6)
getFullYear()   Returns the year (four digits)
getHours()  Returns the hour (from 0-23)
getMilliseconds()   Returns the milliseconds (from 0-999)
getMinutes()    Returns the minutes (from 0-59)
getMonth()  Returns the month (from 0-11)
getSeconds()    Returns the seconds (from 0-59)

Хорошая ссылка: Дата MDN

Ответ 2

Вам нужно использовать getTime() и setTime(), чтобы добавить или вычесть время в объекте Date javascript. Использование setDate() и getDate() приведет к ошибкам при достижении пределов месяцев 1, 30, 31 и т.д.

Использование setTime позволяет вам устанавливать смещение в миллисекундах, а оставшийся объект Date - остальное:

var now=new Date();
var yesterdayMs = now.getTime() - 1000*60*60*24*1; // Offset by one day;
now.setTime( yesterdayMs );

Ответ 3

startdate.setDate(startdate.getDate() - daysToSubtract);


startdate.setDate(startdate.getDate() + daysToAdd);

Ответ 4

Здесь может помочь объект JavaScript Date.

Первым шагом является преобразование этих строк в экземпляры Date. Это легко сделать:

var str = "06/07/2012"; // E.g., "mm/dd/yyyy";
var dt = new Date(parseInt(str.substring(6), 10),        // Year
                  parseInt(str.substring(0, 2), 10) - 1, // Month (0-11)
                  parseInt(str.substring(3, 5), 10));    // Day

Затем вы можете делать всевозможные полезные вычисления. Даты JavaScript понимают високосные годы и т.д. Они используют идеализированную концепцию "дня", которая составляет ровно 86 400 секунд. Их базовая ценность - это количество миллисекунд со времен Эпохи (полночь, 1 января 1970 года); это может быть отрицательное число для дат до эпохи.

Подробнее на странице MDN на Date.

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

Ответ 5

Возможно, это поможет

    <script type="text/javascript" language="javascript">
        function AddDays(toAdd) {
            if (!toAdd || toAdd == '' || isNaN(toAdd)) return;
            var d = new Date();
            d.setDate(d.getDate() + parseInt(toAdd));

            document.getElementById("result").innerHTML = d.getDate() + "/" + d.getMonth() + "/" + d.getFullYear();
        }

function SubtractDays(toAdd) {
            if (!toAdd || toAdd == '' || isNaN(toAdd)) return;
            var d = new Date();
            d.setDate(d.getDate() - parseInt(toAdd));

            document.getElementById("result").innerHTML = d.getDate() + "/" + d.getMonth() + "/" + d.getFullYear();
        }
    </script>
    ---------------------- UI ---------------
        <div id="result">
        </div>
        <input type="text" value="0" onkeyup="AddDays(this.value);" />
        <input type="text" value="0" onkeyup="SubtractDays(this.value);" />

Ответ 6

//In order to get yesterday date in mm/dd/yyyy.


function gimmeYesterday(toAdd) {
            if (!toAdd || toAdd == '' || isNaN(toAdd)) return;
            var d = new Date();
            d.setDate(d.getDate() - parseInt(toAdd));
var yesterDAY = (d.getMonth() +1) + "/" + d.getDate() + "/" + d.getFullYear();
$("#endDate").html(yesterDAY);
        }
$(document).ready(function() {
gimmeYesterday(1);
});

вы можете попробовать здесь: http://jsfiddle.net/ZQAHE/

Ответ 7

Работа с датами в javascript всегда немного хлопот. Я всегда использую библиотеку. Moment.js и XDate оба велики:

http://momentjs.com/

http://arshaw.com/xdate/

Скрипка:

http://jsfiddle.net/39fWa/

var $output = $('#output'),
    tomorrow = moment().add('days', 1);

$('<pre />').appendTo($output).text(tomorrow);

tomorrow = new XDate().addDays(-1);

$('<pre />').appendTo($output).text(tomorrow);

Ответ 8

Как мне нравится, если у вас есть объект даты, вы можете вычесть из него другой объект даты, чтобы получить разницу. Объекты Date основаны на миллисекундах с определенной даты.

var date1 = new Date(2015, 02, 18); // "18/03/2015", month is 0-index
var date2 = new Date(2015, 02, 20); // "20/03/2015"

var msDiff = date2 - date1; // 172800000, this is time in milliseconds
var daysDiff = msDiff / 1000 / 60 / 60 / 24; // 2 days

Итак, вот как вы вычитаете даты. Теперь, если вы хотите добавить их? date1 + date2 дает ошибку.. Но если я хочу получить время в мс, я могу использовать:

var dateMs = date1 - 0;
// say I want to add 5 days I can use
var days = 5;
var msToAdd = days * 24 * 60 * 60 * 1000; 
var newDate = new Date(dateMs + msToAdd);

Вычитая 0, вы превращаете объект даты в формат миллисекунд.

Ответ 9

Вы можете использовать собственный объект Date javascript для отслеживания дат. Он даст вам текущую дату, позволит вам отслеживать конкретные календарные данные и даже помогать вам управлять разными часовыми поясами. Вы можете добавлять и судить дни/часы/секунды, чтобы изменить дату, с которой вы работаете, или рассчитать новые даты.

взгляните на эту ссылку на объект, чтобы узнать больше:

Date

Надеюсь, что это поможет!

Ответ 10

Все эти функции для добавления даты неверны. Вы отправляете неправильный месяц функции Date. Дополнительная информация о проблеме: http://www.domdigger.com/blog/?p=9

Ответ 11

Что-то я использую (нужно jquery), в моем script мне нужно это для текущего дня, но, конечно, вы можете отредактировать его соответствующим образом.

HTML:

<label>Date:</label><input name="date" id="dateChange" type="date"/>
<input id="SubtractDay" type="button" value="-" />
<input id="AddDay" type="button" value="+" />

JavaScript:

    var counter = 0;

$("#SubtractDay").click(function() {
    counter--;
    var today = new Date();
    today.setDate(today.getDate() + counter);
    var formattedDate = new Date(today);
    var d = ("0" + formattedDate.getDate()).slice(-2);
    var m = ("0" + (formattedDate.getMonth() + 1)).slice(-2);
    var y = formattedDate.getFullYear();
    $("#dateChange").val(d + "/" + m + "/" + y);
});
$("#AddDay").click(function() {
    counter++;
    var today = new Date();
    today.setDate(today.getDate() + counter);
    var formattedDate = new Date(today);
    var d = ("0" + formattedDate.getDate()).slice(-2);
    var m = ("0" + (formattedDate.getMonth() + 1)).slice(-2);
    var y = formattedDate.getFullYear();
    $("#dateChange").val(d + "/" + m + "/" + y);
});

jsfiddle

Ответ 12

var date = new Date('your date string here'); // e.g. '2017-11-21'

var newdate = new Date(date.getTime() + 24*60*60*1000 * days) // days is the number of days you want to shift the date by

Это единственное решение, которое надежно работает при добавлении/вычитании в течение нескольких месяцев и лет. Понял это, потратив слишком много времени на поиск методов getDate и setDate, пытаясь приспособиться к сдвигам месяца/года.

decasteljau (в этой теме) уже ответил на это, но просто хочу подчеркнуть полезность этого метода, потому что 90% ответов там рекомендуют подход getDate и setDate.