forum

Home / DeveloperSection / Forums / How to change format of datepicker?

Ask Question

How to change format of datepicker?

Hemant Patel 1130 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

Hemant Patel

Follow
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.

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>

Liked By