在XPage中设置Dojo时间选择器的开始时间和结束时间

Question

我希望Dojo时间选择器只显示开始和结束时间之间的时间。下面的代码将禁用无效时间但仍然显示它（选择器太长了！）

    <xp:inputText id="inputText2">


    <xp:this.attrs>
        <xp:attr
            name="data-dojo-props"
            value="constraints: { min:'T09:00:00', max:'T18:30:00', timePattern: 'HH:mm', clickableIncrement: 'T00:30:00',visibleIncrement: 'T01:00:00' }">
        </xp:attr>
    </xp:this.attrs>
    <xp:dateTimeHelper id="dateTimeHelper2"></xp:dateTimeHelper>
    <xp:this.converter>
        <xp:convertDateTime type="time"></xp:convertDateTime>
    </xp:this.converter>
</xp:inputText>

有什么建议吗？理想情况下，在我开始这个之后，我想根据另一个时间选择器设置这些值，这样用户只会看到第一个选择器中选择的时间之后的时间...

Answer 1

时间选择器中的已禁用条目获得样式dijitTimePickerItemDisabled。你可以用css隐藏它们：

.dijitTimePickerItemDisabled {display: none;}