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