Questions on Kendo UI for jQuery Forum

1 answer

58 views

Force KendoDateTimePicker to accept any date and time we select irrespective of time zone

Iam using the KendoDateTimePicker for MVC.

Currently am in GMT+0200 (Israel Standard Time) and i want to select a particular time in in KendoDateTimePicker. For e.g., say the time is 25-Mar-2022 02:00. when i select the time part as 02:00, the time part automatically skips and formats to 03:00, which i know for that datetime +1 hour daylight saving is applicable.

Although i reside in this time zone but the data i want to manage is of different countries which has the daylight saving is not applicable.

Can i somehow manage the kendoDateTimePicker date and time without affecting this daylight saving.

Which means the picker should accept all dates and times irrespective of any time zone.

Thanks.

Date/Time Pickers

answered on 30 Nov 2022

2 answers

1.4K+ views

Add css class dynamically to kendo controls.

Hello,

I am trying to add the css class to the kendo controls based on some validations. I tried as given in the below code but its not applying. Please suggest me how i can achieve this.

var datePicker = $("#SampleDatePicker").data("kendoDatePicker");
datePicker.addClass('error-Border');

Thanks and Regards,
Ravi

Date/Time Pickers

answered on 04 Nov 2022

1 answer

65 views

Kendo Date Picker box shadow shows on every same date on every month

I was looking for css fix for the current date focus on kendo datepicker input, where i found this article in kendo site

https://docs.telerik.com/kendo-ui/knowledge-base/datepicker-auto-change-focus

But the issue is for every month the date is focused.

this is the current month and current date

but when i click next month the same date is showed with box shadow.But i want to focus only the current month and current date

Date/Time Pickers

DateInput

DateRangePicker

answered on 02 Nov 2022

1 answer

58 views

Datepicker loses readonly status on kendo.bind

It seems that if you set a data-format (or other options like data-min, data-max) on a datepicker and call kendo.bind then the readonly status is lost. Is this the expected behavior, as it doesn't seem correct?

See example:

https://dojo.telerik.com/igORIMaX/2

Date/Time Pickers

answered on 10 Oct 2022

1 answer

321 views

KendoUi Font icons are not loading

Actually we have kendoUi in angularjs project. which ic giving error in developer console like server not responding 404 error for webcomponentsicon.ttf and webcomponentsicon.woff. because of this icons are not loading. can anyone please help me to clear this issue

Hierarchical Data Source

answered on 15 Jun 2022

1 answer

78 views

TimePicker default format when empty

In the TimePicker control can you have it default to "hh:mm:ss" or " : : "?

If I turn on, set dateInput to "true", it default to "hours:minutes:seconds". Can this be changed?

Date/Time Pickers

answered on 24 Mar 2022

1 answer

86 views

Kendo Detpicker

Hi

I'm trying to try to disable all dates except for the last date of the month for a range. I add the range ok but all dates are enabled. I just need last date of month. I'm using Jquery. Is there a way to do this with the datepicker?

 $(document).ready(function () {
                        $("#datepicker").kendoDatePicker({
                            min: new Date(),
                            min: new Date(),
                            format: "MM/dd/yyyy",
                            type: "date",
                            change: function(e) {
                                  var value = this.value();
                                  var days = value.getDate();
                                  var d = new Date();
                                  d = value;
                                d.setDate(d.getDate() - days + 1, 0);
                                    console.log(d);
                            },
                            value: "d"

                        });
                    });

Date/Time Pickers

DateInput

DateRangePicker

answered on 21 Mar 2022

0 answers

139 views

Filter TimePicker while typing

I have a timepicker which holds time values in the format of HH:mm. What I want to achieve is to filter the values while typing, so if I type 11 in the field, I have only the following options - 11:00 and 11:30.

Is there a way to achieve this?

Date/Time Pickers

asked on 16 Mar 2022

1 answer

146 views

Kendo DatePicker on Kendo Template

Hi,

How can i render a kendo datepicker inside a kendo script template? With the help of javascript?

here is a simple sample:

<script id="user-template" type="text/x-kendo-template">
<div id="column">
      <input id="datePicker1" />
</div>
</script>

Date/Time Pickers

Templates

answered on 22 Feb 2022

1 answer

544 views

Kendo validation for kendo picker message not removing when is correct?

Hi i needed some help as my kendo picker not able to clear the error message when the date format is correct

        $(function () {
     
                 var viewModel = kendo.observable({
                     selectedDate: new Date(),
     
                 });
                 kendo.bind($("#change-date-collection1"), viewModel)
     
                 $("#change-date-collection1").kendoValidator({
                     rules: {
                         // Implement your custom date validation.
                         dateValidation: function (input, params) {
     
                             if (input.is("[name='date']") && input.val() != "") {
                                 
                                 var date = kendo.parseDate(input.val(), "dd/MM/yyyy");
                                 if (date) {
                                     return true;
                                  
                                 }
                                 return false;  
                                 
                             }
                             return true;
                         }
                     },
                     messages: { //custom rules messages
                             // Return the message text.
                            dateValidation: "Not a valid date in dd/MM/YYYY format!",
                     }
                 });
             })

I want the messages to be remove or hide when it is correct but somehow i not able to

Date/Time Pickers