how to use datepicker in mvc 4 using bootstrap ?

Question

Can you tell me how to use datepicker in mvc 4 using bootstrap ?

Vinay Singh · Answer

Hi Try the below code @{ ViewBag.Title = "jQuery UI Datepicker Calender Control In Asp.Net Mvc Application" ; } link rel ="stylesheet" href ="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> script src ="http://code.jquery.com/jquery-1.10.2.js"> script > script src ="http://code.jquery.com/ui/1.11.0/jquery-ui.js"> script > h2 > Datepicker Calender h2 > script > $( function () { $( "#txtdatepicker" ).datepicker(); }); script > @ using (Html.BeginForm( "Index" , "Home" )) { p > Date: @ Html.TextBoxFor(m => m.SelectedDate, new { @id = "txtdatepicker" , @style = "width:150px;" }) p > input type ="submit" value ="Submit" /> if (ViewBag.Date != null ) { p > Your Selected Date : @ ViewBag.Date p > } } For detail check the link http://www.aspdotnet-pools.com/2014/07/jquery-ui-datepicker-calender-control.html

Shuvojit Halder · Answer

Download latest Bootstrap js and Bootstrap Css and write $ ( 'Your field id' ). datepicker ({ format : 'mm/dd/yyyy' , startDate : '-3d' });

Ritesh Singh · Answer

@Html.LabelFor(model => model.DropOffDate) @Html.TextBoxFor(model => model.DropOffDate, new { @class = "form-control datepicker", placeholder = "Enter Drop-off date here..." }) @Html.ValidationMessageFor(model => model.DropOffDate)

Bikesh Srivastava · Answer

Hi Ram, You can visit here. http://www.c-sharpcorner.com/UploadFile/ee01e6/how-to-add-jquery-datepicker-in-mvc/

Sibeesh Venu · Answer

Please read here : http://www.codeproject.com/Articles/62031/JQueryUI-Datepicker-in-ASP-NET-MVC

how to use datepicker in mvc 4 using bootstrap ?

Answers (5)