Loading
how to set datetime picker in MVC4
       
           
               
                   

© @DateTime.Now.Year - My ASP.NET MVC Application

               
           
       

        @Scripts.Render("~/bundles/jquery")
        @RenderSection("scripts", required: false)
        
        @*Custome Edited *@

       

   
  • Manish Kumar Choudhary

    Manish Kumar ChoudharyPosted Feb 18, 2015, 5:32 AM

    Otherwise go through following links it will help you
    http://www.asp.net/mvc/overview/older-versions/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-1
    http://www.kestrelblackmore.com/blog/jquery-datepicker-mvc4
  • Manish Kumar Choudhary

    Manish Kumar ChoudharyPosted Feb 18, 2015, 5:31 AM

    Use it in your view
    @Html.DisplayNameFor(model => model.DOB)
     
    @section Scripts {
      @Scripts.Render("~/bundles/jqueryval")
      @Styles.Render("~/Content/cssjqryUi")
    @**@
    <script type="text/javascript">
      $(document).ready(function () {
      $('input[type=datetime]').datepicker({
      dateFormat: "dd/M/yy",
      changeMonth: true,
      changeYear: true,
      yearRange: "-60:+0"
      });
      });
    script>
    }
    And in your mode
      [Display(Name = "Date Of Birth")]
      [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MMM/yyyy}")]
      public System.DateTime DOB { get; set; }