Jquery datepicker is not working in MVC?

Question

Here i am using a jquery datepicker from this sample http://dev.jtsage.com/jQM-DateBox2. It is working fine but the problem is after clicking the submit button if there is any mandatory field validation error,the next time when i click the textbox jquery datepicker is not working means the script is not loading after submit click.it is throwing the error in firebug console like

TypeError: $(...).datebox is not a function
$('#txtstartdate').datebox('open');

Here is my code

$(document).ready(function () {
    $('#txtstartdate').live('click', function () {
        $('#txtstartdate').datebox('open');
        $("#txtstartdate").datebox("option", {
            mode: "calbox",
            highDatesAlt: ["2011-11-09", "2011-11-10"],
            highDates: ["2011-11-02", "2011-11-03"],
            pickPageOAHighButtonTheme: "b"
        });
    });
 });

and

@Html.TextBoxFor(m => m.StartDate, new { @name = "mydate", @id = "txtstartdate",  style = "height:20px; font-size:10px;", data_role = "datebox", data_options = "{\"mode\":\"calbox\",\"useButton\": false}" })

Any suggestion?

Syed Mohd Mohsin Akhtar · Accepted Answer · 2013-01-03 12:16:38Z

1

as the firebug error suggest the browser could not find the function being used within the script can you make sure that the dependencies of the datebox is availiable after the submit call.
also try to send the dependencies with the view itself so that on every rendering of the view page at the client end it hold these js file with in it.

answered Jan 3, 2013 at 12:16

Syed Mohd Mohsin Akhtar

4515 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery datepicker is not working in MVC?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related