How to change format of datepicker?

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

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.

1 Answers

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>

forum

How to change format of datepicker?

Can you answer this question?

1 Answers