MVC3 date Picker

Question

I am trying to implement an MVC3 DatePicker but having trouble. I have the following code:

<script type="text/javascript">

    /// <reference path="jquery-1.5.1.js" />/// <reference path="jquery-ui-1.8.11.js" />
    $(document).ready(function () {    $('.date').datepicker({dateFormat: "dd/mm/yy"});});


</script>

<div>

    @Html.TextBox("SRRDate", Model.SRRDate.ToString(), new { @class = "date" })

    Start Date

</div>

However, I am getting an "Microsoft JScript runtime error: Object doesn't support this property or method" in jquery-1.5.1-min.js

Any ideas?

Answer 1

Are you referencing the jQuery script and a jQuery UI script that contains the datepicker plugin? Both script references should appear before your block of code.

The /// <reference path="jquery-1.5.1.js" /> lines are references for providing intellisense for JavaScript and should go in the relevant script i.e. in this case, this should reference the .vsdoc version of the jQuery script and go at the top of the jQuery script file.

In summary, the layout should be

<script type="text/javascript" src="jquery-1.5.1.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.11.js"></script>
<script type="text/javascript">  
    $(document).ready(function () {    $('.date').datepicker({dateFormat: "dd/mm/yy"});});   
</script>

Answer 2

@Russ....thanks for the assistance. I found the issue. I had a Telerik scritp Registrar which was included in the _Layout.cshtml. That was causing the error. I imagine the Telerik js files are old. When I look at their documentation, their code is using MVC2 style