forum

home / developersection / forums / how to change format of datepicker?

Ask Question

How to change format of datepicker?

Hemant Patel 1391 06-Dec-2017

Hi, 

Here is my code, i want to change my date picker format in my form.

 <div class="col-md-6">
     <label for="dob">DOB</label>
         <div class='input-group date' id='datetimepicker1'>
             @Html.TextBoxFor(x => x.DOB, new { @class = "form-control", placeholder = "mm/dd/yyyy" })
                  <span class="input-group-addon">
                       <i class="fa fa-calendar" aria-hidden="true"></i>
                  </span>
              @Html.ValidationMessageFor(x => x.DOB)
          </div>
</div>
c# mvc  mvc4  razor 
Updated on 07-Dec-2017
Hemant Patel

Student

Exploring the online world is my passion. have experience of #content writing #SEO #Digital Marketing #On-Page #Lead Generation #Content Analyst #Marketing Analyst... I could never stop at one point, continuously wanted to acquire more and more skills. My work for any organization will be full of passion and hard work.

Message
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

07-Dec-2017

Hi Harsh,

Kindly add the given line of codes in your form as following :

 <div class="col-md-6">

     <label for="dob">DOB</label>

         <div class='input-group date' id='datetimepicker1'>

             @Html.TextBoxFor(x => x.DOB, "{0:MM/dd/yyyy}", new { @class = "form-control", placeholder = "mm/dd/yyyy" })
                  <span class="input-group-addon">

                       <i class="fa fa-calendar" aria-hidden="true"></i>

                  </span>

              @Html.ValidationMessageFor(x => x.DOB)

         </div>

</div>
MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy