在输入框中显示选定的日期选择器日期
问题描述:
我有一个我总是想要显示的JQuery DatePicker,所以我已经将它分配给一个div。我希望它的行为如this示例中所示,其中所选日期出现在输入框中,但出于某种原因,它不会以这种方式为我工作。我能做些什么来让输入框中显示的值?我希望用户能够手动在框中输入日期,或者让他们从日期选择器中选择日期。迄今为止,这是我的代码的相关部分。在输入框中显示选定的日期选择器日期
<form class="form-horizontal" role="form" action="<?=$_SERVER['PHP_SELF']?>" method="post">
<div class="form-group row">
<input type="text" id="my-input">
<div id="my-datepicker"></div>
</div>
<div class="form-group last">
<input type="submit" name="submit_date" value="Show"/>
</div>
</form>
<script>
$("#my-datepicker").datepicker().on('changeDate', function (e) {
$("#my-input").val(e.format());
});
</script>
此链接显示我的网页至今: https://gyazo.com/9ad02c1c1e2dbb832894f38107dc8bb9
答
你想效仿的榜样是相当过时。新的语法如下:
$("#my-datepicker").datepicker({
onSelect: function (event) {
$("#my-input").val($("#my-datepicker").val());
}
});
答
此前提出和回答在Listening to onChange on a jQuery datepicker?
工作实例here
$(function() {
$("#datepicker").datepicker({
onSelect: function(e) {
console.log("Selected date: " + e + "; input's current value: " + this.value);
$("#my-input").val(e)
}
});
});
我有 “” 日期选择器。你可以再详细一点吗?互联网上有几款日期选择器。所有需要不同的代码。你不能从一个日期选择器复制代码并在另一个日期选择器上使用它。 – icecub
难以让任何人知道为什么演示的作品和你的不除非如上所述,你正在使用不同的日期选择脚本 – charlietfl
啊,我很抱歉,我从来没有意识到,我认为这只是这个特定的名称。这是一个JQuery DatePicker,[this](https://jqueryui.com/datepicker/)。 –