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