Javascript JQueryUI中时间微调器上的更改事件是什么?

Javascript JQueryUI中时间微调器上的更改事件是什么?,javascript,jquery-ui,time,Javascript,Jquery Ui,Time,我试图使更新中的时间微调器在任何时候发生更改时都成为div。我可以使标准微调器工作,但我不知道如何从微调器的修改时间版本访问事件 这里有一把(不是)工作小提琴: 谢谢 编辑: 好的,好的,那么timespinner是一个内联完成的自定义小部件。所以选择很奇怪。在本部分代码中添加: $.widget("ui.timespinner", $.ui.spinner, { options: { // seconds step: 60 * 1000,

我试图使更新中的时间微调器在任何时候发生更改时都成为div。我可以使标准微调器工作,但我不知道如何从微调器的修改时间版本访问事件

这里有一把(不是)工作小提琴:

谢谢

编辑:

好的,好的,那么timespinner是一个内联完成的自定义小部件。所以选择很奇怪。在本部分代码中添加:

$.widget("ui.timespinner", $.ui.spinner, {
    options: {
        // seconds
        step: 60 * 1000,
        // hours
        page: 60,
        change: function () { 
                  time = $(this).val();
                  console.log(time);
                  $('#time').html(time);
               }
    }
    //rest of code
尽管您可能希望使用“旋转”选项而不是“更改”选项:

$.widget("ui.timespinner", $.ui.spinner, {
    options: {
        // seconds
        step: 60 * 1000,
        // hours
        page: 60,
        spin: function () { 
                  time = $(this).val();
                  console.log(time);
                  $('#time').html(time);
               }
    }
    //rest of code

当我在小提琴上测试这些东西时,它们都不起作用。第一个不显示为时间微调器,第二个显示为时间微调器,但不会使任何事情发生。您。。。这是绝对正确的。timespinner甚至没有在他们的网站上记录。好的,仔细检查,我知道发生了什么。请参阅答案中的修订。太好了,谢谢!我花了很长时间看着它不改变,然后意识到“改变”只有在它失去焦点时才会激发!那就这样吧。
$.widget("ui.timespinner", $.ui.spinner, {
    options: {
        // seconds
        step: 60 * 1000,
        // hours
        page: 60,
        spin: function () { 
                  time = $(this).val();
                  console.log(time);
                  $('#time').html(time);
               }
    }
    //rest of code