DatePicker in ASP .NET MVC Core

Question

How To Add Datepicker in ASP .NET Core MVC. I am new in core part. I am developing a Portal, I need to add Datepicker in application. Can anyone help me.

Sachin Singh · Answer

You can use type=date or jquery date picker. example of jquery datepicker class = "form-group" > for = "RegisterDate" class = "control-label" > class = 'input-group date' id= 'datepicker' > for = "RegisterDate" type= "text" class = "form-control" value= "@DateTime.Now.ToString(" yyyy-MM-ddThh:mm ")" /> class = "input-group-addon" > class = "glyphicon glyphicon-calendar" > for = "RegisterDate" class = "text-danger" > @section Scripts { "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js" > "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js" > "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" > "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js" > "stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" > "stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css" > $(function () { $( '#datepicker' ).datetimepicker(); }); }

Rijwan Ansari · Answer

Use simple html5 input control with type date as shown: "date" id= "dateInput" name= "datepicker" > example: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_date

Satya Karki · Answer

Hi, use input control with type=date https://www.w3schools.com/tags/att_input_type_date.asp

Chris Johnson · Answer

Hi, you need Ajax Toolkit. https://docs.microsoft.com/en-us/aspnet/web-forms/overview/ajax-control-toolkit/getting-started/get-started-with-the-ajax-control-toolkit-cs Drag a textbox to you project then you will see an arrow in the top right of it which says Add Extender. Add the Calender. After doing that format the date as you wish.

DatePicker in ASP .NET MVC Core

Answers (4)