在输入类型日期中设置日期

<input id="datePicker" type="date" />​

我将在chrome 中的日期选择器输入类型日期中设置今天的日期。

$(document).ready( function() {
    var now = new Date();
    var today = now.getDate()  + '/' + (now.getMonth() + 1) + '/' + now.getFullYear();
    alert(today);
    $('#datePicker').val(today);
});​

但它不起作用

编辑此jsFiddle-请尝试使用chrome。

小提琴链接：http : //jsfiddle.net/7LXPq/93/

这有两个问题：

1. HTML 5中的日期控件接受SQL中使用的年-月-日格式
2. 如果月份为9，则只需将其设置为09而不是9。因此，它也适用于日字段。

请点击小提琴链接进行演示：

var now = new Date();

var day = ("0" + now.getDate()).slice(-2);
var month = ("0" + (now.getMonth() + 1)).slice(-2);

var today = now.getFullYear()+"-"+(month)+"-"+(day) ;

$('#datePicker').val(today);

document.getElementById("datePicker").valueAsDate = new Date()

应该管用。

更新：我正在使用date.toISOString().substr(0, 10)。给出与接受答案相同的结果，并具有良好的支持。

var today = new Date().toISOString().split('T')[0];
$("#datePicker").val(today);

上面的代码将起作用。

对我来说，解决此问题的最快捷方法是使用moment.js并仅用2行代码即可解决此问题。

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

如果您的代码采用以下格式YYYY-MM-DD，则该代码会起作用：，这是日期格式的计算机标准http://en.wikipedia.org/wiki/ISO_8601

我通常在使用日期输入时创建以下两个辅助函数：

// date is expected to be a date object (e.g., new Date())
const dateToInput = date =>
  `${date.getFullYear()
  }-${('0' + (date.getMonth() + 1)).slice(-2)
  }-${('0' + date.getDate()).slice(-2)
  }`;

// str is expected in yyyy-mm-dd format (e.g., "2017-03-14")
const inputToDate = str => new Date(str.split('-'));

然后可以将日期输入值设置为：

$('#datePicker').val(dateToInput(new Date()));

然后像这样检索选定的值

const dateVal = inputToDate($('#datePicker').val())

Datetimepicker始终需要输入格式YYYY-MM-DD，它并不关心模型的显示格式，也不关心您的本地系统日期时间。但是日期时间选择器的输出格式是您想要的（您的本地系统）。我的帖子中有一个简单的例子。

jQuery版本

var currentdate = new Date();

$('#DatePickerInputID').val($.datepicker.formatDate('dd-M-y', currentdate));