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

Comments

Post a Comment

Popular posts from this blog

Search Record From Table Using jQuery in Asp.net core MVC

-
Table Code : <div class="row">     <div class="col-md-12">         <div class="card">             <div class="card-body">                 <div class="">                     <table id="tblAccount" class="table table-bordered">                         <thead>                             <tr>                                 <th>Account </th>                                 <th>Website</th>                             ...
Read more

Calendar in Asp.net

-
Image
The calendar control is a functionally rich web control, which provides the following capabilities: Displaying one month at a time Selecting a day, a week or a month Selecting a range of days Moving from month to month Controlling the display of the days programmatically The basic syntax of a calendar control is: <asp:Calender ID = "Calendar1" runat = "server" > </asp:Calender> Properties and Events of the Calendar Control The calendar control has many properties and events, using which you can customize the actions and display of the control. The following table provides some important properties of the Calendar control: Properties Description Caption Gets or sets the caption for the calendar control. CaptionAlign Gets or sets the alignment for the caption. CellPadding Gets or sets the number of spaces between the data and the cell border. CellSpacing Gets or sets the space between cells. DayHeaderStyle Gets the style prope...
Read more

CheckBox in Asp.Net MVC (Insert Data of CheckBox in Database and GetData Of checkBox From DataBase)

-
Insert Data of CheckBox in Database  Controller        [HttpGet]           public ActionResult Create()         {             return View();         }        [HttpPost]         public ActionResult Create(Final_Form model, bool Csharp, bool Fsharp, bool JAVA, bool php)         {             Final_Form final_Form = new Final_Form();             final_Form.Intrested_C_ = (Csharp==true)? true:false;             final_Form.Intrested_F_ = (Fsharp==true)? true:false;             final_Form.Intrested_JAVA = (JAVA==true)?true:false;             final_Form.Intrested_PHP = (php==true)?true:false;             _context.Final_Form.Add(final_F...
Read more