After upgrading our application from an older version of Kendo to v2022 R1 (301), we discovered a strange problem with the Kendo DatePicker popup calendar. Everything works fine on a desktop web browser but on a mobile phone the month calendar view renders as in the attached image:
Other calendar display modes work correctly. The problem seems to occur on all the phones we have tried (Android, iPhone).
The DatePicker control is instantiated on demand via Jquery function. No special DatePicker features used. Here is a snippet from the rendering function (ownerDiv is a parameter passed to the function):
var datepickerWrapper = ownerDiv.find('#end-date-wrapper');
datepickerWrapper.empty();
datepickerWrapper.append('<input id="chart-end-date" name="chart-end-date" style="width:8em" />');
datepickerDiv = historyDiv.find('#chart-end-date');
datepickerDiv.kendoDatePicker({
animation: false,
change: function (e) {
changeEnddate(e);
}
});
The only slightly unusual thing about this is the parent HTML is part of the detail pane for a Kendo grid. The popup calendar used to work just fine in the old version of Kendo we used to use (version circa 2018).
I'm at a loss. Android Chrome debugger running against a phone executing the DatePicker does not reveal any browser exceptions.
Any thoughts?
Jeff Benson
Senior Developer
New Boundary Technologies, Inc.
Hi,
I got specific request that I should highlight week number (and possibly that row) in calendar when user goes on week number with the mouse.
User wants to be able to select whole week in one click.
Can you please advise on approach how to achieve this, since I don't see any "hookable" event that I can use.
Thank you very much
Regards,
Vedad
I have just seen the demo about using kendo DatePicker. But when inspect the calendar icon under Accessibility menu I can see the Default name for the button is given as "select". I would like to change the name of button from "select" to "Pick a date". Please Guide through. I have attached image for your reference.
Following is the code snippet:
<!DOCTYPE html>Hi,
We do have a kendo scheduler bound to a remote data source.
The "transport" configuration of this scheduler's data source is done using remote urls (for CRUD), and this works perfectly,
On the server side, we make a lot of checks. So if some requirements are missing, Create, Update or event Destroy operations wouldn't pass and user will be shown the meaningful error.
The problem we're facing now is like the following :
For the Destroy action, what kind of response should we send back (from the server) to the scheduler component (in the browser on the client side ) to prevent removal of events in the UI?
We've tried :
But events are still removed from the UI, nevertheless the error event is fired. We even use this event to notify errors to end used.
Thank you.
Hi ,
I am following the following example to implement the scheduler
https://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/events/change
When I am switching to Month view in the scheduler and when I change the month from March 2013 to February 2013 and selecting the
Again when I click on February 2013 the month changed to January in the calendar but it needs to be February 2013
is there anything I missing in the script initilization?