Question

我有一个日期为日期的字段（格式：YYYY / MM / DD）

<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”，则创建一个填充函数并不困难。请记住，月份从1开始为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

增加字段上的日期

3 个答案: