New to Kendo UI for jQuery? Start a free 30-day trial

Readonly

methods

Toggles the readonly state of the widget. When the widget is readonly it doesn't allow user input.

There is a difference between disabled and readonly mode. The value of a disabled widget is not posted as part of a form whereas the value of a readonly widget is posted.

readonly

Parameters:readonlyBoolean

The argument, which defines whether the DateRangePicker should be readonly or editable.

<div id="daterangepicker"></div>
<script>
$("#daterangepicker").kendoDateRangePicker();

var daterangepicker = $("#daterangepicker").data("kendoDateRangePicker");

daterangepicker.readonly();
</script>

<div id="daterangepicker"></div>
<script>
$("#daterangepicker").kendoDateRangePicker();

var daterangepicker = $("#daterangepicker").data("kendoDateRangePicker");

daterangepicker.readonly(false);
</script>