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

我有一个日期选择器id="from_dt"和按钮id="fromToDate"。当我从datepicker中选择一个日期，然后单击按钮，页面将加载，然后我想将选定的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());

}

来源

2015-01-21 TeJaS

这是一个表单提交，或没有了'getEventListWithDateTime'莫名其妙地重新加载页面？正在使用哪种服务器语言？ – adeneo 2015-01-21 06:54:43

这是表单提交事件......它将从该日起 – TeJaS 2015-01-21 06:59:39

我与SCALA合作获取从数据库中的数据...用HTML和Javascript – TeJaS 2015-01-21 07:00:16

在jQuery用户界面的文件日期选择器，它说：$(".selector").datepicker("setDate", "10/12/2012");

参见：Documentation

来源

2015-01-21 06:56:21

其实我想显示的日期选择页面load..not预定义的后日期... – TeJaS 2015-01-21 06:57:25

是否希望在选择日期后重新加载页面？ – VPK 2015-01-21 06:58:22

我想你应该从POST价值中得到这个，就像我们建议的那样。 – 2015-01-21 06:59:06

如果您发布你的日期，然后它将通过使用来获取

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

来源

2015-01-21 07:02:18 Sadikhasan

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

}

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

来源

2015-01-21 07:13:35 TeJaS

之前，请选择此更新您的疑问，文本框。 – VPK 2015-01-21 07:27:21

尝试的办法解决这个，把你的日期值中隐藏的输入字段中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()); 
}

来源

2015-01-21 07:40:15 VPK

迈克的回答让我 https://stackoverflow.com/a/28061283/6517383

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

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

来源

2017-12-05 06:21:19

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

回答

相关问题