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

Basic control in Asp.net

-
Button Controls ASP.NET provides three types of button control: Button  : It displays text within a rectangular area. Link Button  : It displays text that looks like a hyperlink. Image Button  : It displays an image. When a user clicks a button, two events are raised: Click and Command. Basic syntax of button control: <asp:Button ID = "Button1" runat = "server" onclick = " Button1_Click " Text = "Click" / > Common properties of the button control: Property Description Text The text displayed on the button. This is for button and link button controls only. ImageUrl For image button control only. The image to be displayed for the button. AlternateText For image button control only. The text to be displayed if the browser cannot display the image. CausesValidation Determines whether page validation occurs when a user clicks the button. The default is true. CommandName A string value that is passed to the comm...
Read more

How To insert Radio Button Data in DataBase -- MVC

-
View code :   <div class="form-horizontal">         <h4>MyRadioButtonDemo</h4>         <hr />         @Html.ValidationSummary(true, "", new { @class = "text-danger" })         <div class="form-group ">             @Html.LabelFor(model => model.Gender, htmlAttributes: new { @class = "control-label col-md-2" })             <div class="col-md-10 " >                 <label class="radio-inline">                     @Html.RadioButtonFor(model=>model.Gender,"Male",new { @name="gender"})                     male                 </label>                 <...
Read more