Jquery 将日期输入类型默认值设置为今天、明天、任意日期?

Jquery 将日期输入类型默认值设置为今天、明天、任意日期?,jquery,html,date,input,Jquery,Html,Date,Input,在HTML5中,没有在value属性中指定“今日”的原生方式。这是我非常喜欢的jQuery代码。如何扩展此代码以设置 今天的日期到今天的var 明天到明天的日期var 计算至var anydate的任何日期(从var今天开始计算/启动)?) 并相应地定义以下3个id-s: #日期 #明天 \theAnydate HTML jQuery $(document).ready(function() { var date = new Date(); var day = da

在HTML5中,没有在value属性中指定“今日”的原生方式。这是我非常喜欢的jQuery代码。如何扩展此代码以设置

  • 今天的日期到今天的var
  • 明天到明天的日期
    var
  • 计算至
    var anydate
    的任何日期(从
    var今天开始计算/启动)
    ?)
并相应地定义以下3个id-s:

  • #日期
  • #明天
  • \theAnydate
HTML


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);
});
$(文档).ready(函数(){
变量日期=新日期();
var day=date.getDate();
var month=date.getMonth()+1;
var year=date.getFullYear();
如果(月<10)月=“0”+月;
如果(天<10)天=“0”+天;
今日风险值=年+“-”+月+“-”+日;
美元(“#日期”).attr(“价值”,今天);
});

与任何HTML输入字段一样,浏览器会将其保留为空,除非使用value属性指定了默认值

不幸的是,HTML5没有提供在
属性(我可以看到)中指定“今天”的方法,只有像
2011-09-29这样的有效日期

资料来源:

在这种情况下,您可能只需编写一个脚本到
+1
来查找明天的日期,但首先必须为今天的日期向
输入id
添加一个默认值

就任何日期而言
?我不完全明白你的意思。像个约会挑肥拣瘦的人

这个问题有点不清楚,但我想我会尽我所能帮助提供的信息


要通过jQuery分配日期,您可以执行以下操作

HTML:

<input type="date" id="theDate">
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'));
<input type="date" id="theDate">
<input type="date" id="tomorrowDate">

jQuery:

<input type="date" id="theDate">
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'));
<input type="date" id="theDate">
<input type="date" id="tomorrowDate">
var today=新日期();
var dd=today.getDate();
var mm=today.getMonth()+1//一月是零!
var yyyy=today.getFullYear();
如果(dd基于的响应和答案,这里有一个简洁的函数,用于获取格式为YYYY-MM-dd的日期,并设置“日期”类型输入控件的值

HTML

<div>Today:
    <input type="date" id="theDate" />
</div>
<div>Tomorrow:
    <input type="date" id="theTomorrow" />
</div>
<div>Any Date:
    <input type="date" id="theAnyDate" />
</div>
使用toISOString(),它总是返回一个“Z”时区ISO8601字符串,并将其截断为日期

var todayUTC = new Date().toISOString().substr(0,10);

var todayLocal = new Date(new Date().getTime() - new Date().getTimezoneOffset() * 60 * 1000).toISOString().substr(0,10);

var tomorrowLocal = new Date(new Date().getTime() + 24 * 60 * 60 * 1000 - new Date().getTimezoneOffset() * 60 * 1000).toISOString().substr(0,10);

我找到了非常简单的解决方案:

echo (new DateTime('tomorrow'))->format('Y-m-d'); //-- For tomorrow
echo (new DateTime())->format('Y-m-d'); //-- For today

感谢Nicholas。明确地说:我需要两个id-s,分别在和:
#日期
#明天
。请告诉我如何在月底同时提醒日期和明天。谢谢。您将遇到的一个问题是,
+1
如果是月底,它将我将更新一个解决方案。更新两秒。让我知道这是否解决了您的问题,或者您是否可以从那里解决问题。是的,问题是+1无法准确反映。事实上,我会使用wordpress contact7表单上的
#theDate
#tomorrowDate
id-s预先加载两个日期字段在用户开始填写表单之前。我共享的脚本最初只能无缝地提供#日期。但我仍然无法完成此操作。:(抱歉,我不知道wordpress(您没有标记它)。我发现
CMS
系统不太可靠。我鼓励您提出一个新问题并标记wordpress,因为这将针对具有该技能的人。请随意将您的新问题链接到此问题。我只知道我回答了问题。如果您想标记为已接受(投票箭头旁边的绿色复选框),我将不胜感激。如果您让页面在几天内保持打开状态,您的
今天
明天
将是不正确的。最好将它们定义为函数,以便代码改为
today()
today()
。很好的一点是Seph-我已经修改了代码,以包括使用新的今天()和明天()功能