我有一个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());
}
答案 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)
使用动态变量只需使用:
var dateToBePrefilled = "10/12/2012";
$( ".selector" ).datepicker( "setDate", dateToBePrefilled );