Kendo datepicker randomly not showing calendar to change date - kendo-ui

I have 2 Kendo UI date pickers on my page to select the start and end date of a date range. On random page loads in these 2 date pickers, one becomes not responding. That is, the calendar is not showing up when clicking on the icon to select a date. This issue mostly happening in chrome.

This issue is resolved. This was due to a code issue where controls are binding 2 times. Corrected the code and binding bring down to 1 time and the issue got resolved. So anybody facing a similar issue please validate this scenario too as a step to resolve.
Thank you very much.

Related

Bug in Kendo DropDownList release 2015.1.318

've just tried giving the latest release of Kendo UI a spin, but it seems something has broken when using a DropDownList in a custom popup editor.
If the dataSource of the DropDownList is set to a JavaScript array or object, the selected value does not update the Grid model.
DropDownLists that have a remote dataSource with dataTextField and dataValueField configured are working okay.
Basically, code that worked perfectly with the 2014.3.1316 release is not working with the 2015.1.318 release (no errors are reported in Chrome's console).
Can somebody please confirm that this is a bug with the new release, or is there something else I need to be aware of?
EDIT: This is seems to be affecting all DropDownLists. The selected item is not updating the model immediately -- only when the record is saved.
I've knocked together a simple Fiddle to demonstrate the issue. With the previous version, selecting an item updates the Grid's model immediately and set's dirty to true. With the new version, the Grid's model isn't updated (at least not immediately).
The described issue is a known bug in Q1 2015 - BUG 623.
It is addressed in the latest internal builds and the upcoming service pack, that will be released till the end of week, will include the fix (and many more)
I am afraid that there is no simple workaround, as the widget just sets its "_old" value to the new one on first select. Hence the change event will not be raised. The only feasible solution is to upgrade to a newer version of Kendo UI.
When it comes to the dropdownlist and multiselect controls they have changed a lot to allow the new grouping and virtualization features to work. (having been a victim of this change as well - I'm still trying to fix my code at the minute)
I have updated your fiddle with a possible solution for what you want to achieve Update with Change Event added
I have basically added this function for you:
function changeCategory(e)
{
$('#log2').text('This should be the ID of the category you changed too: '+
e.sender.value());
}
but for more information on this change you can look here:
Changes to Kendo UI Q1 2015
EDIT:
Also if my memory is correct I think the select event is fired before the change event so that will always show the previous value and not the new value that has been selected and when you click update the grid is updating as expected from what I can see.
just try to specify a defaultValue in your schema model definition to CategoryID, i think this would be a better solution, couse this bug occurs only when the value is empty
The Changes to Kendo UI Q1 2015 page doesn't directly mention the change in behavior described, but it's likely to be caused by the substantial changes to the DropDownList widget.
There's a pretty simple workaround, but I suspect it shouldn't be necessary and will be 'fixed' at some point.
To emulate the old behavior you just need to manually set the model field that's supposed to be updated immediately. So in the select event add something like...
model.set('CategoryID', dataItem.CategoryID);
Updated Fiddle. Without doing this, any dependent methods will use the original or old value, which is simply not right (hence, I suspect it'll be fixed).
I also experienced the problem with dropdown lists with the 2015.1.318 release.
In the latest release, 2015.1.327, this seems to be fixed.

Kendo UI Scheduler-Select a range consisted to completely months when it is at the Month view

I am using Kendo UI Scheduler. I configured it like it would have a Month view. I would like to select a range consists two months. Can I select these ranges? as I saw, the Scheduler, whenever We mention the Months, allows selecting only 14 days... İn essence, I would like to select days through the months.
Don't know if extending the month view is exactly possible or not. But, creating a custom view may be a solution. Have a look on this LINK. Also have a look what telerik admin says about it HERE.

Kendo Grid - 'null' appearing for null date - universal workaround?

We're currently using Kendo version 2012.2.710.340, and I know that this version had an issue with null date columns being displayed as 'null'. I know also know that this can be worked around using a template with a condition to check for null.
However, is there any global fix for this? We use numerous grids throughout our application, and I don't want to have to add a fix for every single column we bind in each grid.
Alternatively, is this fixed in newer builds? I remember seeinga forum post saying it would appear in the next release a few months ago, but can't seem to find any reference to it now.
Yes, this is fixed - null is no longer displayed. Empty string is displayed instead. Try a newer version.

how to assign selected value to RecurringDaysPicker for WP7

I am using RecurringDaysPicker from toolkit for WP to select the day of the week for an application.
I have no issue to obtain the selection from the user, but I do have issue assigning back the user selection back to the RecurringDaysPicker when user want to edit/view their previous selection.
anybody can help?
Thanks
You should probably set your binding Mode to Mode=TwoWay

MVC 3: Adding a time to an Event Start Date

In my ASP.NET MVC 3 application I have a section to add an event which has a start date and an end date. I am using the jQuery DatePicker for these two input boxes which works fine.
My question is how can I put a time next to these dates? So that in the database the start date will read (for exampls) "28/06/2011 11:24AM". My intitial thought was to put a text box to the side of the date input box in which the user could enter the time, and then the time could be added to the end of the date field. Almost like StartDate = StartDate + Time
Any help would be greatly appreciated
You may find the following extension to the jQuery UI Datepicker useful. And yet another one. And another. And one more.

Resources