Translate

Wednesday, 22 April 2015

MVC 4 Razor and Jquery UI datepicker()

Required scripts
----------------

<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
    <script src=”@Url.Content("~/Scripts/jquery-1.9.1.js")" type="text/javascript"></script>
    <script src=”@Url.Content("~/Scripts/jquery-ui-1.10.0.js")" type="text/javascript"></script>



<p>Date:<input type="text" id="Dob" class="datefield" /></p>



<script type="text/javascript">
        $(document).ready(function () {
            $("#Dob").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });

    </script>

No comments:

Post a Comment