Telerik Forums
Kendo UI for jQuery Forum
2 answers
132 views

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.

Martin
Telerik team
 answered on 22 Jun 2023
1 answer
31 views

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

Martin
Telerik team
 answered on 05 Jun 2023
0 answers
109 views

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>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.2.0/default/default-ocean-blue.css"/>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>
  
    <input id="datePicker" />

    <script>    
        $("#datePicker").kendoDatePicker({        
            value: new Date(2022, 0, 3),
            min: new Date(2022, 0, 1),
            max: new Date(2022, 5, 30),
            weekNumber: true,
            format: "yyyy-MM-dd"
        });
    </script>
</body>
</html>
Pratik
Top achievements
Rank 1
 updated question on 22 Mar 2023
0 answers
59 views
I want to use the Calendar component in MVC but I want to set the events and show the calendars based on the week number not on the day of the week or weekly view 
so as example September would be 4 weeks and you can select a week for this event not a day 
ahid
Top achievements
Rank 1
 asked on 30 Nov 2022
1 answer
37 views
How to change color of selected date on kendo calendar
Nikolay
Telerik team
 updated answer on 20 Oct 2022
1 answer
76 views

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 :

  • Sending back HTTP 500 status code
  • Putting an error field in the response and linking it to the schema.error configuration

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.

Neli
Telerik team
 answered on 02 May 2022
1 answer
57 views
Is it possible to select all the days of the month by clicking the day name column header?  For example, I want all Mondays to be selected when I click MO in the calendar.  (This is similar to how we can select all the days of a week when the user clicks on the week number.)  I don't see this as being clickable in any of the demos, but am wondering if it can be exposed somehow.
Georgi Denchev
Telerik team
 answered on 06 Apr 2022
1 answer
1.5K+ views
Hello,

I have a scenario when I want to disable special weekdays from  Datepicker so the user can't choose those days.
Currently, the app is using react so is there a way to disable dates for kendo UI Datepicker

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 14 Dec 2021
1 answer
425 views

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?


Martin
Telerik team
 answered on 18 Oct 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?