如何在页面加载后将datepicker值设置为选定日期?

时间:2015-01-21 06:53:15

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

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

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

}

5 个答案:

答案 0 :(得分:1)

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

请参阅:Documentation

答案 1 :(得分:0)

如果您发布日期,则会使用$_POST

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

答案 2 :(得分:0)

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

}

这是我在按钮点击事件

上的功能

答案 3 :(得分:0)

尝试解决此问题,将日期值隐藏在日期字段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());
}

答案 4 :(得分:0)

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

使用动态变量只需使用:

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