javascript - JQueryUI 时间微调器上的更改事件是什么？

Question

我正在尝试从 JQueryUI example page 制作时间微调器每当更改时更新 div。我可以使标准微调器工作，但我不知道如何从微调器的修改时间版本访问事件。

这里有一个(不)工作的 fiddle :http://jsfiddle.net/r5GYD/

$(document).ready(function () {
    //I need this to be more widely available so it's declared out here
    var time = 'time';
    //check that the JQuery call actually does what it's supposed to
    $('#time').html(time);

    $.widget("ui.timespinner", $.ui.spinner, {
        options: {
            // seconds
            step: 60 * 1000,
            // hours
            page: 60
        },

        _parse: function (value) {
            if (typeof value === "string") {
                // already a timestamp
                if (Number(value) == value) {
                    return Number(value);
                }
                return +Globalize.parseDate(value);
            }
            return value;
        },

        _format: function (value) {
            return Globalize.format(new Date(value), "t");
        }
    });

    $("#timespinner").timespinner();
    $("#timespinner").change(function () { //TODO not working :(
        time = $(this).val();
        console.log(time);
        $('#time').html(time);
    });
});

谢谢!

Answer 1

编辑:

好的，没错，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