Seconds management with date/time picker, "modern" type

[Syleps]

Hi,
I have a problem with the management of seconds with datetime picker with the "modern" type component: they are not displayed on popup (use of "G" format). Worse, the seconds are initialized with the current seconds (and not 0).
I can understand that there is a problem with the management of AM / PM hours, but that is not my case (24H display)
Is there a solution? apart from going back to "classic" mode, because for touch, the new version is more practical, and without using keyboard input (touchscreen mode)

On the other hand, is there a solution to use this component on a smartphone in landscape mode? (today, the popup is too high and goes out of the screen, or doesn't appear). I tried to put the tabs on the left and the buttons on the right via CSS but without success …

Regards
P.S. : I use kendo ASP.NET MVC 2021.1.224

[Anton Mironov]

Hi Syleps,

Thank you for the details provided.

I tried to replicate the described faulty behavior. The result could be observed in the following dojo example that I prepared for the case:

• https://dojo.telerik.com/@anton.mironov/oYeTOFAb/2

The value of the dateTimePicker is not applying seconds. Could you please provide more details and a runnable, isolated, sample project? Examining this project will let us replicate the issue locally and further troubleshoot it.

Looking forward to hearing back from you.

Kind Regards,
Anton Mironov
Progress Telerik

[Syleps]

Hi,

https://dojo.telerik.com/iRAlaxAH

I added the format "dd/MM/yyyy HH:mm:ss" in your example for the datetime pickers (this is the standard "G" format in France), and I also uninitialized the date to start from a "blank" date to better see the problem.

We see that the seconds are not in the popup window, but we have AM / PM; which is irrelevant given that we have the hours over 24 hours (and not 12).

Indeed, in classic mode we don't have any more seconds in the popup, but when we select in the list they are set to 0; which is not the case with modern.

I would have liked that:

- seconds are systematically at 0 (unless you choose "now")

- display the hours over 24 hours and the seconds instead of AM / PM (depending on the format)

Regards

[Anton Mironov]

Hello Syleps,

Thank you for the additional details provided.

I can clearly see your point. I spoke with an expert from our developers' team and assume that the pointed behavior is expected. The Kendo UI DateTimePicker is taking care of the date and time without setting the seconds out of the box. 

In order to achieve the desired behavior, I would recommend manually set the seconds. Here is an example of the pointed approach that I created for the case:

• https://dojo.telerik.com/@anton.mironov/AFUYUXUJ

I hope this information and implementation above will be a working solution for resolving the case.

 

Best Regards,
Anton Mironov
Progress Telerik

[Syleps]

Hi,

no, that's not what i need.

I don't want to initialize with the seconds at 0, I want to enter the seconds via the popup window (with "modern" type)

Ideally, the timer section of the datetimepicker would work like the timerpicker, with seconds. But, from what I understand, it's not possible

So what I need is when entering or modifying the time, the seconds are at 0.

I tried something like this but it doesn't work. It always takes the seconds of 'now'.

                    $("#datetimepicker_timeview").bind("click",
                        function() {
                          const item = $("#datetimepicker").data("kendoDateTimePicker");
                          var value = item.value(); 
                          if (value) {
                              value.setSeconds(0);
                              value.setMilliseconds(0);
                              item.value(value);
                          }
                        });

cf https://dojo.telerik.com/iRAlaxAH

My question is: is there a way to reset the seconds when we set/change the time on popup window? (like "classic" type)

Regards

[Syleps]

Hi,

In fact, forget my previous reply. I think found a solution : change the format of timeView :

$("#datetimepicker").data("kendoDateTimePicker").timeView.options.format = "HH:mm:ss"

My question is now : why the datetime picker doesn't put the right format (= like the timepicker)?

[Anton Mironov]

Hi Syleps,

Thank you for sharing the working approach that you created. I am glad to hear that the first issue is now resolved.

The different pickers are represented by different widgets. Try to set the needed format manually for each picker and observe the result. If further assistance is needed, please provide a runnable project or dojo example and I will try my best to achieve the desired behavior for the needs of your application.

Looking forward to hearing back from you.

 

Greetings,
Anton Mironov
Progress Telerik