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

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

您可以使用 datepicker 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);

---

UPDATE 设置日期类型 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">

Answer 2

你可以试试

var data = '2019-05-06 00:00:00';

$('#date').datepicker("update", data);