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

时间:2019-05-04 09:47:43

标签: jquery twitter-bootstrap bootstrap-datepicker

这是我的引导程序输入字段,

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

但未在引导日期选择器中设置该值。

2 个答案:

答案 0 :(得分:3)

您可以使用datepicker update

  

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

示例:

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">

答案 1 :(得分:0)

您可以尝试

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

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