The DatePicker doesn't update its value with focus on its input field

[Kai-Tobias]

Hi,

In my application, a DatePicker is used to save a specific date.
A Button is used to save the data. The user wanted to be able to use a shortcut, so I attachet the accesskey attribute to the button.

If I enter a value into the DatePicker and click on the button, the value is correctly fetched from the DatePicker.
Now the problem:
If I enter or change the value of the DatePicker and leave the cursor inside the input field and press the shortcut "Alt+s" instead of clicking the button, the old value instead of the new one is fetched.

Any ideas how I could avoid that problem and make the DatePicker update the value before I get the value using JavaScript?

I attached a small sample project for testing this.

Best regards
Kai

[Dimo]

Hi Kai,

The DatePicker component parses and updates its value on certain events, e.g. mousedown or keydown. When using access keys, these events are not fired, so you need to initiate a value update manually:

function getValue() {
    var pickerEl = $("#TestDP");
    var pickerObj = pickerEl.data("tDatePicker");
    pickerObj._update(pickerEl.val());
    alert(pickerObj.value());
}

All the best,
Dimo
the Telerik team

[Kai-Tobias]

Hi Dimo,

thanks for the quick reply!
This is exactly what I was looking for. Now everything works perfectly fine, thank you.

best regards
Kai