JQueryUI에서 시간 회 전자의 변경 이벤트는 무엇입니까?

Question

변경 될 때마다 JQueryUI example page에서 div를 업데이트하는 시간을 만들려고합니다. 표준 회 전자 작품을 만들 수 있지만 회 전자의 수정 된 시간 버전에서 이벤트에 액세스하는 방법을 알아낼 수 없습니다. 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