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



Я хочу, чтобы пользователи легко добавляли и вычитали даты с помощью JavaScript, чтобы просматривать свои записи по дате.



даты в формате "ММ/ДД/гггг". Я хочу, чтобы они могли нажать кнопку "Далее", и если дата: "06/01/2012", то при нажатии кнопки "Далее"она должна стать: "06/02/2012". Если они нажмут кнопку "prev", то она должна стать"05/31/2012".



Он должен отслеживать високосного года, количество дней в месяце и т. д.



любой идеи?



P. S использование AJAX для получения даты с сервера не является вариантом, его немного отстает, а не опыт для пользователя, который хочет клиент.

579   12  

12 ответов:

код:

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

С Помощью 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

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

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 дата

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

С помощью setTime позволяет установить смещение в миллисекундах, и пусть объект даты рисунок остальное:

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


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

JavaScript

может быть это может помочь

    <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);" />
//In order to get yesterday's 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/

работа с датами в javascript всегда немного хлопот. Я всегда в конечном итоге с помощью библиотеки. Момент.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);

как мне нравится, если у вас есть объект даты, вы можете вычесть из него другой объект даты, чтобы получить разницу. Объекты 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

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

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, вы превращаете объект даты в формат миллисекунд.

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

посмотрите на эту ссылку на объект, чтобы узнать больше:

дата

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

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

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.

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

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

Comments

    Ничего не найдено.