jQuery DatePicker in MVC

Code:

 

    <script>

        $(document).ready(function () {

            $("#StartDate").datepicker({

                dateFormat: "dd-mm-yy",

                changeMonth: false,

                changeYear: false,

                yearRange: "-0:+0",

                numberOfMonths :1,//This Property is use to set Diplay Number Of month

                buttonText: "submit",

                

                onSelect: function (selectDate) {

                    $("#EndDate").datepicker("option", "minDate",selectDate)//Set the range Start Dtae is Smaller than EndDate

                }

                

            });

        });

    </script>

    <script>

        $(document).ready(function () {

            $("#EndDate").datepicker({

                dateFormat: "dd-mm-yy",

                changeYear: false,

                changeMonth: false,

                yearRange: "-0:+0",

                numberOfMonths: 1,

                buttonText: "submit",

                onSelect: function (selectDate) {

                    $("#StartDate").datepicker("option", "maxDate", selectDate);//Set the Range EndDate is Greter Than StartDate

                }

            });

            

        });

    </script>

}

NOTE :<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>

    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

Must be include in Your Project