jquery - 使用 jquery 设置 Bootstrap 日期字段输入值

Question

这是我的 Bootstrap 输入字段，

<input class="form-control" id="date" required="required" name="date" type="date">

我想使用 jquery 在某个事件发生后设置日期字段值，

// this is a date string return from database
var data = 2019-05-06 00:00:00 ;
$('#date').val(data);

但它没有在 Bootstrap 日期选择器中设置值。

Answer 1

您可以使用日期选择器 update

Update the datepicker with given arguments or the current input value. The arguments can be either an array of strings, an array of Date objects, multiples strings or multiples Date objects. If date arguments are provided and they are Date objects, it is assumed to be “local” Date objects, and will be converted to UTC for internal use.

示例:

var data = "2019-05-06 00:00:00";
//data is a string
$(".datepicker").datepicker("update", data);

<小时/>

更新设置日期类型 html

var data = "2019-05-06 00:00:00";
document.getElementById("date").valueAsDate = new Date(data);

<input class="form-control" id="date" required="required" name="date" type="date">