JavaScript/jQuery DateBox - Specify Value Range

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

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 UI component displays an error message. To change the message text, specify the dateOutOfRangeMessage property.

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