Specify Value Range

To specify the date or time range, use the min and max options.

JavaScript
$(function() {
    $("#dateBoxContainer").dxDateBox({
        value: "2015/12/31",
        type: "date",
        min: "2015/1/1",
        max: "2015/12/31"
    });
});

If an entered value falls out of the range, the widget displays an error message. To change the message text, specify the dateOutOfRangeMessage option.

JavaScript
$(function() {
    $("#dateBoxContainer").dxDateBox({
        value: "2015/12/31",
        type: "date",
        min: "2015/1/1",
        max: "2015/12/31",
        dateOutOfRangeMessage: "Date is out of range"
    });
});
See Also