readonly
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.
Parameters
readonly Boolean
If set to true
, the widget will not allow user input. If set to false
, the widget will allow user input.
Example - allow user input
<input id="timedurationpicker" />
<script>
var picker = $("#timedurationpicker").kendoTimeDurationPicker({
readonly: true,
columns: [ "hours", "minutes" ]
}).data('kendoTimeDurationPicker');
picker.readonly(false);
</script>
Example - make the widget readonly
<input id="timedurationpicker" />
<script>
var picker = $("#timedurationpicker").kendoTimeDurationPicker({
columns: [ "hours", "minutes" ]
}).data('kendoTimeDurationPicker');
picker.readonly(true);
</script>