I created a HTML5 mock-up for a new page which would eventually become an editable form where users could update date fields. In plain HTML, I have something like this in the mock-up:
<input id="startDate" type="date" required runat="server">
In the final version, I have the above in a ListView with the date fields being populated from a DB:
<ItemTemplate> <div class="col-sm-6"> <div class="form-field"> <label class="rentalLabel">View Start Date</label> <input id="viewStartDate" type="date" required runat="server"> </div> </div> .... </ItemTemplate>
In the plain vanilla HTML version with type set to "date", the calendar pops up when the user focuses on the field, as desired. However, when I try to populate this field in the ListView the date being pulled from the DB does not appear, only "mm/dd/yyyy" and the calendar. If I remove the type="date" property, I get the date from the DB but lose the calendar?
What I would like to happen is to have the date from the DB appear, and the calendar pop up when a user focuses on that field to update the date? Any solution?