This is a migrated thread and some comments may be shown as answers.

Datepicker shows no initial value

7 Answers 1579 Views

Date/Time Pickers

This is a migrated thread and some comments may be shown as answers.

Alan Mosley asked on 05 Oct 2015, 03:07 AM

My dates pickers are showing no values when loaded, if I look at source I can see that they have a value, but it is not showing. you can see below that value is present.

HTML generated

<span class="k-widget k-datepicker k-header"><span class="k-picker-wrap k-state-default"><input name="StartDate" class="k-input" id="StartDate" role="combobox" aria-disabled="false" aria-expanded="false" aria-readonly="false" aria-owns="StartDate_dateview" style="width: 100%;" type="text" value="2015/09/05" data-role="datepicker" data-val-required="The StartDate field is required." data-val="true" data-val-date="The field StartDate must be a date."><span class="k-select" role="button" aria-controls="StartDate_dateview" unselectable="on"><span class="k-icon k-i-calendar" unselectable="on">select</span></span></span></span>

MVC config

@Html.Kendo().DatePickerFor(Function(m) m).Format("yyyy/MM/dd").ParseFormats({"dd-MM-yyyy", "dd/MM/yyyy", "MM/dd/yyyy", "yyyy/MM/dd", "yyyy-MM-dd"}).Value(Model)

Thanks

7 Answers, 1 is accepted

answered on 08 Jan 2016, 09:24 PM

I have this problem in Edge using the current Kendo 2015.3.1111.
Generated (note type="date" which is different than example above which is "text"):

<input data-val="true" data-val-date="The field Birth Date must be a date." id="BirthDate" name="BirthDate" type="date" value="04/06/1950" />

MVC

<p>$('#BirthDate').kendoDatePicker();</p>

In Edge, the field is blank, even if emulation is changed to IE11. Run this in real IE11, Chrome or Firefox and it works as expected.

Remove type="date" and it works in Edge.

This is a jsFiddle you can try in Edge then IE11: https://jsfiddle.net/gardavis/u3pyo66n/

Thanks,

Gary