如何使用javascript添加/减去日期？ [英] How to add/subtract dates with javascript?

问题描述

我想让用户使用javascript轻松添加和减去日期，以便按日期浏览其条目。

I want to let users easily add and subtract dates using javascript in order to browse their entries by date.

日期格式为mm / dd / yyyy。我希望他们能够点击下一步按钮，如果日期是：06/01/2012，然后点击下一步，它应该变成：06/02/2012。如果他们点击上一级按钮，那么应该成为05/31/2012。

The dates are in the format: "mm/dd/yyyy". I want them to be able to click a "Next" button, and if the date is: " 06/01/2012" then on clicking next, it should become: "06/02/2012". If they click the 'prev' button then it should become, "05/31/2012".

它需要跟踪闰年，在月份等。

It needs to keep track of leap years, number of days in the month, etc.

任何想法？

使用ajax从服务器获取日期的PS不是一个选项，它有点滞后，而不是客户想要的用户的体验。

P.S using ajax to get the date from the server isn't an option, its a bit laggy and not the experience for the user that the client wants.

推荐答案

演示简单 http://jsfiddle.net/2YkeK/

带有日期选择器的另一个演示 http://jsfiddle.net/2qzjg/

良好的链接： ref for Date Link here

额外的东西，可能会方便。

Extra stuff that might come handy.

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)

希望它有帮助，欢呼！

代码

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

Datepicker

In 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();​

这篇关于如何使用javascript添加/减去日期？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！