How to change format of datepicker?

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

Ask by Hemant Patel

Updated 07 Dec 2017

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>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

How to change format of datepicker?

Can you answer this question?

1 Answers