Hi there! I configured DatePicker, and everything worked, but when I try to click on a year, month or a day it does nothing... The buttons in the header are working fine. The link in the footer works too, when I set the max to a future date. But the rest is disabled... Below is the my actual HTML code (before and after the widget reshape it), and also the Javascript code. I have an extra <span> tag that is used by jQuery Validate plug-in. I disabled it to see if maybe it is the cause, but nothing changed.
Any idea why is this happening?
<
p
><
label
for
=
"birthday"
>Data de nascimento:</
label
><
br
>
<
input
type
=
"text"
id
=
"BIRTHDAY"
name
=
"BIRTHDAY"
value
=
"1979-04-17"
maxlength
=
"10"
class
=
"valid"
><
span
> </
span
><
span
for
=
"BIRTHDAY"
generated
=
"true"
class
=
"error checked"
style
=
""
> </
span
></
p
>
<
p
><
label
for
=
"birthday"
>Birthday:</
label
><
br
>
<
span
style
=
""
class
=
"k-widget k-datepicker k-header"
><
span
class
=
"k-picker-wrap k-state-default"
><
input
type
=
"text"
id
=
"BIRTHDAY"
name
=
"BIRTHDAY"
value
=
"1979-04-17"
maxlength
=
"10"
data-role
=
"datepicker"
style
=
"width: 100%; "
class
=
"k-input"
><
span
unselectable
=
"on"
class
=
"k-select"
><
span
unselectable
=
"on"
class
=
"k-icon k-i-calendar"
>select</
span
></
span
></
span
></
span
><
span
> </
span
></
p
>
$(document).ready(
function
() {
// build datepicker
$(
'#BIRTHDAY'
).kendoDatePicker({
start:
'decade'
,
depth:
'month'
,
footer:
"Today: #=kendo.toString(data, 'yyyy-MM-dd') #"
,
format:
'yyyy-MM-dd'
,
parseFormats: [
'yyyy-MM-dd'
,
'dd/MM/yyyy'
],
min:
new
Date(1900, 0, 1),
max:
new
Date(
new
Date().getFullYear() - 18,
new
Date().getMonth(),
new
Date().getDay())
});
}
Any idea why is this happening?