页面加载后如何将日期选择器值设置为选定日期？答案

【问题标题】：How to set datepicker value to selected date after page load?页面加载后如何将日期选择器值设置为选定日期？
【发布时间】：2015-01-21 06:53:15
【问题描述】：

我有一个带有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());

}

【问题讨论】：

这是表单提交，还是getEventListWithDateTime 以某种方式重新加载页面？正在使用什么服务器端语言？
这是表单提交事件...它将从该日期从数据库中获取数据
我正在使用 SCALA...使用 html 和 javascript

标签： javascript jquery datepicker jquery-ui-datepicker bootstrap-datepicker

【解决方案1】：

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

见：Documentation

【讨论】：

实际上我希望在页面加载后显示选定的日期......而不是预定义的日期......
您希望在选择日期后重新加载页面吗？
我认为你应该从 POST 值中得到它，就像我们建议的 adeneo 一样。
@VPK 一旦我将选择日期然后单击按钮确定...然后页面将被重新加载.. 之后我想将之前选择的日期设置为在页面加载之前选择的文本框跨度>

【解决方案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>
       ^^^^^^^^^^^^^^

【讨论】：

【解决方案3】：

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

}

这是我的按钮点击事件函数

【讨论】：

【解决方案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());
}

【讨论】：

【解决方案5】：

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

要使用动态变量，只需使用：

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

【讨论】：