使用 jquery 设置引导日期字段输入值答案

【问题标题】：Bootstrap date field input value set using jquery使用 jquery 设置引导日期字段输入值
【发布时间】：2019-05-04 09:47:43
【问题描述】：

这是我的引导输入字段，

<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);

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

【问题讨论】：

【解决方案1】：

你可以使用datepickerupdate

使用给定参数或当前输入值更新日期选择器。参数可以是字符串数组、日期数组对象、多个字符串或多个 Date 对象。如果日期提供了参数并且它们是 Date 对象，假定为 “本地”日期对象，并将转换为 UTC 供内部使用。

示例：

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);

&lt;input class="form-control" id="date" required="required" name="date" type="date"&gt;

【讨论】：

【解决方案2】：

你可以试试

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

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

【讨论】：