由于没有将值设置为今天日期的默认方法，所以我认为这应该取决于它的应用程序。如果您希望最大限度地让受众了解日期选择器，那么可以使用服务器端脚本(PHP、ASP等)设置默认值。

但是，如果它是用于CMS的管理控制台，并且您知道用户将始终在站点上使用JS或您的站点受信任，那么您可以安全地使用JS填充默认值，根据jlbruno。

HTML:

<input type="date" value="2022-01-31">

PHP:

<input type="date" value="<?= date('Y-m-d') ?>">

日期格式必须为“yyyy-mm-dd”

这是服务器端真正需要做的事情，因为每个用户的本地时间格式不同，更不用说每个浏览器的行为不同了。

Html日期输入的值应该是这样的格式:yyyy-mm-dd，否则它不会显示一个值。

Asp classic或vbscript:

current_year = DatePart("yyyy",date) 
current_month = DatePart("m",date) 
current_day = DatePart("d",date) 

IF current_month < 10 THEN
current_month = "0"&current_month
END IF
IF current_day < 10 THEN
current_day = "0"&current_day
END IF

get_date = current_year&"-"&current_month&"-"&current_day
Response.Write get_date

今日内容:2019-02-08

然后在你的html中: <input type="date" value="<% =get_date %>"

PHP

就用这个吧: <input type="date" value="<? "=日期(“Y-m-d”);”? > >

与任何HTML输入字段一样，浏览器将date元素保留为空，除非在value属性中指定了默认值。不幸的是，HTML5没有提供在htmlputelelement .prototype.value中指定“today”的方法。

相反，必须显式提供RFC3339格式的日期(YYYY-MM-DD)。例如:

element.value = "2011-09-29"

使用moment.js在2行中解决这个问题， html5日期输入类型只接受“YYYY-MM-DD”这种格式。我用这种方法解决问题。

var today = moment().format('YYYY-MM-DD');
 $('#datePicker').val(today);

这是解决这个问题最简单的方法。

JavaScript Date对象为所需的格式提供了足够的内置支持，以避免手动执行:

添加这个以获得正确的时区支持:

Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});

jQuery:

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​

纯JS：

document.getElementById('datePicker').value = new Date().toDateInputValue();