Увеличение даты на поле

Question

У меня есть поле с датой дня (формат: ГГГГ / ММ / ДД)

<input type='text' name='date_debut' size='15' value='"; echo date("Y-m-d"); echo "' />

Рядом с этим полем я хотел бы добавить кнопку для увеличения только дня (что-то простое):))

Например 2011/02/13 и когда я нажимаю на кнопку, я получаю 2011/02/14, затем 2011/02/15, затем 2011/02/16, затем 2011/02 /17 ...

Есть ли код javascript, чтобы сделать это простым способом?

Спасибо за помощь

Answer 1

<input id="ddBox" value="2009-2-28" />
<button onclick="addDate()">add</button>


function addDate() {
    var inputBox = document.getElementById("ddBox");
    var nDate = new Date(inputBox.value);
    nDate.setDate(nDate.getDate() + 1);
    inputBox.value = nDate.getFullYear() + "-" + (nDate.getMonth() + 1) + "-" + nDate.getDate();
}

Если, например, вам нужно «02» вместо «2» в месяцы, нетрудно создать функцию для заполнения. И помните, что месяцы начинаются с 0 для января.

Answer 2

Вы можете использовать библиотеку даты JavaScript. http://www.datejs.com/. Это может сделать все эти задачи http://www.datejs.com/2007/11/27/getting-started-with-datejs/

Answer 3

вы можете использовать jQuery для достижения этой цели.Проверьте следующий код:

HTML

<input type='text' name='date_debut' size='15' value='2011/02/13' /><a href="#">add one</a>

JQuery

var dateText = $('input').attr("value").split("/");
var date =new Date();
date.setFullYear(dateText[0],dateText[1],dateText[2]);

$('a').click(function() {
   date.setDate(date.getDate()+1);
    $('input').attr('value',date.getFullYear()+'/'+date.getMonth()+'/'+date.getDate());

});

Демонстрация: http://jsfiddle.net/9kVS7/1