Dojo的TimeTextBox中的范围

时间:2011-11-01 17:47:49

标签: dojo

如何限制dojo的TimeTextBox中显示的范围?

根据文档here,应该可以通过最小/最大约束,但我还没有找到正确应用它们的方法。

1 个答案:

答案 0 :(得分:3)

您可以将日期传递给最大和最小约束

var today = new Date();

var today_9am = new Date(
    today.getYear(),
    today.getMonth(),
    today.getDay(),
    9, 0, 0);

var today_10am = new Date(
    today.getYear(),
    today.getMonth(),
    today.getDay(),
    10, 0, 0);    

var w = new dijit.form.TimeTextBox({
    value: today_9am,
    constraints: {
        min: today_9am,
        max: today_10am,
        timePattern: 'HH:mm:ss',
        clickableIncrement: 'T00:15:00',
        visibleIncrement: 'T00:15:00',
        visibleRange: 'T01:00:00'
    }
});

小部件不接受范围之外的日期。我只是不知道如何制作它以便它也不会在选择器界面中显示无效日期。

实例:http://jsfiddle.net/missingno/skyWB/