Liferay 设置alloy UI时间选择器时隙

我有一个合金用户界面计时器在我的形式。我只想在输入字段中显示小时数但问题是Alloy UI将每个时间段划分为30分钟。因此，我的输入字段显示相同的时间2次

A.use('aui-timepicker', function(A) {
    new A.TimePicker({
        trigger : 'input#<portlet:namespace/>endTime',
        mask : '%H',
        popover : {
            zIndex : 1011
        },
        on : {
            selectionChange : function(event) {
                console.log(event.newSelection)
            }
        }
    });
});

A.use（'aui-timepicker'，函数（A）{
新的时间选择器({
触发器：“输入#结束时间”，
掩码：“%H”，
流行音乐：{
zIndex:1011
},
关于：{
选择更改：功能（事件）{
console.log（event.newSelection）
}
}
});
});

有分钟和时间

• 00:00
• 00:30
• 01:00
• 01:30

仅小时数

• 00
• 00
• 01
• 01

不幸的是，除了时间元素之外，没有记录任何更改时间元素之间步长的功能。解决方案是将

value

属性设置为所需的值。一种简单的方法是创建一个具有所需值的数组：

var values = [];

for (var i = 0; i < 24; i++) {
  values.push(i.toString());
}

下面是一个可运行的示例：

var值=[]；
对于（变量i=0；i<24；i++）{
push（i.toString（））；
}
YUI（）.use（'aui-timepicker'，函数（Y）{
新Y时间选择器({
掩码：“%H”，
触发器：“#输入”，
价值观：价值观，
流行音乐：{
zIndex:1
}
});
});


YUI().use('aui-timepicker', function(Y) {
  new Y.TimePicker({
    /* Your code here... */
    mask: '%H',
    values: values
  });
});