How to make DateTimePickerFor input field readonly without javascript?

[Oleg]

Hi,

How to make the input field of the DateTimePicker readonly?

Adding readonly to html attributes throws an exception

<%= Html.Telerik().DateTimePickerFor(x => x.StartDate)
        .InputHtmlAttributes(new { tabindex = 4, style = "width:100%", readonly="readonly"})%>

The exception is:
error CS1525: Invalid expression term 'readonly'

[madmike210]

If it is a readonly field, why not just use a textbox with readonly set?

You can also Disable the datetimepicker which has the same effect as a readonly:

<%= Html.Telerik().DateTimePickerFor(x => x.StartDate).Enable(false) %>

[Oleg]

What I am trying to reach is: disable user input into the textbox, but allow clicking calendar button to select a date.

Setting .Enable(false) disables input box and calendar functionality. That's not what I am trying to reach.

Any other suggestions?

[madmike210]

Oh, that makes sense, and it is a clever idea.  The only way I see this happening is by using javascript:

<%= Html.Telerik().DateTimePickerFor(x => x.StartDate)
                  .ClientEvents(events=>events.OnLoad("OnStartDateLoad"))%>
 

<script type="text/javascript">
function OnStartDateLoad()
{
     $("#StartDate").attr("readonly", "readonly");
}
</script>

[Oleg]

Thanks, madmike210.

Yeah, the javascript approach works, but I wanted to avoid it, if possible.

[madmike210]

The problem with your intial approach is that 'readonly' is a reserved word in C#.  That is why you are getting the error.  I suppose you can capitalize 'readonly' so that C# doesn't think its a reserved word, but then the attribute 'Readonly' isn't xhtml compliant, and some browsers might not handle it properly.  But I seriously doubt that it will cause a problem in most borwsers.  Try this:

<%= Html.Telerik().DateTimePickerFor(x => x.StartDate)
 
        .InputHtmlAttributes(new { tabindex = 4, style = "width:100%", Readonly="readonly"})%>

[Oleg]

awesome!
capitalizing did the trick.
Thanks!

[Richard Wilde]

or use @ to escape the attribute readonly

e.g.

.InputHtmlAttributes(new { @readonly="readonly"})