Jquery 文本框和div文本的值为';t在使用日期选择器后正确更新
我遇到了一个问题,我使用jQueryUI的Datepicker用已设置的日期填充几个字段 基本上,我想做的是在选择了日期之后,更新一个文本字段以显示该日期的日期(无论如何,我相信这是应该的),然后也用选择的日期更新一个div(这只是为了测试的目的,我以后还有很多事情要做,但在我整理好这一点之前无法完成)。但由于某些原因,它不会自动更新。我是否需要将其放入单击函数中以刷新数据 代码如下: HTML: 还有小提琴-Jquery 文本框和div文本的值为';t在使用日期选择器后正确更新,jquery,html,user-interface,Jquery,Html,User Interface,我遇到了一个问题,我使用jQueryUI的Datepicker用已设置的日期填充几个字段 基本上,我想做的是在选择了日期之后,更新一个文本字段以显示该日期的日期(无论如何,我相信这是应该的),然后也用选择的日期更新一个div(这只是为了测试的目的,我以后还有很多事情要做,但在我整理好这一点之前无法完成)。但由于某些原因,它不会自动更新。我是否需要将其放入单击函数中以刷新数据 代码如下: HTML: 还有小提琴- 谢谢 change事件未在所选日期触发的原因是该值是通过编程方式更改的 您需要在da
谢谢 change事件未在所选日期触发的原因是该值是通过编程方式更改的 您需要在
datepicker
元素本身上触发change
事件,如下所示:
$("#datepicker").datepicker({
altField: "#selected_day",
altFormat: "DD"
}).on('change', function() {
var day = $('#selected_day').val();
$('#result').text('Result: ' + day);
});
当您使用脚本更新输入值时,不会触发更改事件,所以您需要自己触发它。您可以使用datepicker中的事件来管理:
$("#datepicker").datepicker({
altField: "#selected_day",
altFormat: "DD",
onSelect:function(){
$('#selected_day').change()
}
});
演示:
不确定您是否真的需要在alt字段上使用更改处理程序,并且可以从datepicker中进行更新!哈哈。仍在学习:)非常感谢,我会在2分钟内接受
$("#datepicker").datepicker({
altField: "#selected_day",
altFormat: "DD"
}).on('change', function() {
var day = $('#selected_day').val();
$('#result').text('Result: ' + day);
});
$("#datepicker").datepicker({
altField: "#selected_day",
altFormat: "DD",
onSelect:function(){
$('#selected_day').change()
}
});