jquery - 将日期输入类型默认值设置为今天、明天、任何日期？

Question

在 HTML5 中，没有一种在 value 属性中指定“今天”的原生方式。这是我非常喜欢的 jQuery 代码。如何扩展这段代码来设置

• 今天的日期到 var today
• 明天的日期为 var tomorrow
• 计算为 var anydate 的任何日期(从 var today 计算/启动？)

并相应地定义以下 3 个 id-s:

• #theDate
• #theTomorrow
• #theAnydate

HTML

<input type="date" id="theDate">

jQuery

$(document).ready(function() {
    var date = new Date();

    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear();

    if (month < 10) month = "0" + month;
    if (day < 10) day = "0" + day;

    var today = year + "-" + month + "-" + day;       
    $("#theDate").attr("value", today);
});

demo

Answer 1

Like any HTML input field, the browser will leave it empty unless a default value is specified with the value attribute.

Unfortunately HTML5 doesn't provide a way of specifying 'today' in the value attribute (that I can see), only a RFC3339 valid date like 2011-09-29.

_{source: Tak's answer on "HTML5 Input Type Date — Default Value to Today?"}

在那种情况下，您可能会编写一个脚本来简单地 +1查找明天的日期，但您首先必须将默认值添加到您的 input id 今天的日期。

至于任何日期？不完全确定你的意思。像一个日期选择器？

问题有点不清楚，但我想我会尽可能提供所提供的信息。

---

要通过 jQuery 指定日期，您总是可以这样做...

http://jsfiddle.net/SinisterSystems/4XkVE/4/

HTML:

<input type="date" id="theDate">

jQuery:

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!

var yyyy = today.getFullYear();
if(dd<10){dd='0'+dd} if(mm<10){mm='0'+mm} today = mm+'/'+dd+'/'+yyyy;

$('#theDate').attr('value', today);

alert($('#theDate').attr('value'));

---

编辑:

此外，要同时查找今天和明天的日期，但要确保月末或年末不会影响它，请改用它:

http://jsfiddle.net/SinisterSystems/4XkVE/6/

HTML:

<input type="date" id="theDate">
<input type="date" id="tomorrowDate">

jQuery

var today = new Date();
var tomorrow = new Date(new Date().getTime() + 24 * 60 * 60 * 1000);
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
var tomday = tomorrow.getDate();
var tommonth = tomorrow.getMonth() + 1;
var tomyear = tomorrow.getFullYear();
if(dd<10){dd='0'+dd} if(mm<10){mm='0'+mm} today = mm+'/'+dd+'/'+yyyy;
if(tomday<10){tomday='0'+tomday} if(tommonth<10){tommonth='0'+tommonth} tomorrow = tommonth+'/'+tomday+'/'+tomyear;
$('#theDate').attr('value', today);
$('#tomorrowDate').attr('value', tomorrow);