页面加载后如何将datepicker值设置为所选日期？

Question

我有一个日期选择器，具有id="from_dt"和带有id="fromToDate"按钮。 当我从日期选择器中选择一个日期并单击按钮时，页面将加载，然后我要将所选的日期选择器值设置为文本框。

<input class="form-control" id="from_dt" type="text" placeholder="From Date" value="" readonly>
<input type="submit" class="btn btn-outline btn-primary btn-xs" id='fromToDate' value="Search" onclick="getEventListWithDateTime()">

这是按钮单击功能：

function getEventListWithDateTime() {
$("#eventListDatePickerForm").attr( "action", "/eventList/" + $("#from_dt").val() + "/" + $("#to_dt").val());

}

Answer 1

在jquery UI datepicker的文档中，它说： $( ".selector" ).datepicker( "setDate", "10/12/2012" );

请参阅： 文档

Answer 2

如果您发布日期，则将使用$_POST获取日期

var $date = isset($_POST["date"])?$_POST["date"]:"";
<input value="$date" class="form-control" id="from_dt" type="text" placeholder="From Date" value="" readonly>
       ^^^^^^^^^^^^^^

Answer 3

function getEventListWithDateTime() {
$("#eventListDatePickerForm").attr( "action", "/eventList/" + $("#from_dt").val() + "/" + $("#to_dt").val());

}

这是我的按钮单击事件功能

Answer 4

为此，请尝试解决方法，将日期值放在日期字段的onchange事件中的隐藏输入字段中，

$('#from_dt').change(function(){
  var fromDate = $(this).val();
  $('#fromDate').val(fromDate);
}

<input type="hidden" id="fromDate">

并在$(document).ready()

if($('#fromDate').val() !== undefined || $('#fromDate').val() != '') {
  $(this).val($('#from_dt').val());
}

Answer 5

迈克的答案帮助了我https://stackoverflow.com/a/28061283/6517383

对于使用动态变量，只需使用：

var dateToBePrefilled = "10/12/2012";
$( ".selector" ).datepicker( "setDate", dateToBePrefilled );