Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/visual-studio/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 文本框和div文本的值为';t在使用日期选择器后正确更新_Jquery_Html_User Interface - Fatal编程技术网

Jquery 文本框和div文本的值为';t在使用日期选择器后正确更新

Jquery 文本框和div文本的值为';t在使用日期选择器后正确更新,jquery,html,user-interface,Jquery,Html,User Interface,我遇到了一个问题,我使用jQueryUI的Datepicker用已设置的日期填充几个字段 基本上,我想做的是在选择了日期之后,更新一个文本字段以显示该日期的日期(无论如何,我相信这是应该的),然后也用选择的日期更新一个div(这只是为了测试的目的,我以后还有很多事情要做,但在我整理好这一点之前无法完成)。但由于某些原因,它不会自动更新。我是否需要将其放入单击函数中以刷新数据 代码如下: HTML: 还有小提琴- 谢谢 change事件未在所选日期触发的原因是该值是通过编程方式更改的 您需要在da

我遇到了一个问题,我使用jQueryUI的Datepicker用已设置的日期填充几个字段

基本上,我想做的是在选择了日期之后,更新一个文本字段以显示该日期的日期(无论如何,我相信这是应该的),然后也用选择的日期更新一个div(这只是为了测试的目的,我以后还有很多事情要做,但在我整理好这一点之前无法完成)。但由于某些原因,它不会自动更新。我是否需要将其放入单击函数中以刷新数据

代码如下:

HTML:

还有小提琴-


谢谢

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