Kendo datepicker shows two months during animation

问题:

With the Kendo datepicker we are seeing two months stacked on top of each other when we transition months. Has anyone else seen this? It happens in both firefox and chrome.

$(".datepicker").kendoDatePicker();

From <input type="text" id="OrderDateFrom" class="datepicker" name="OrderDateFrom" /> 

As soon as the transition is completed it looks normal again.

UPDATE: Kendo UI Web v2013.1.319, Windows 7 OS using latest versions of Firefox, Chrome, IE 9 & 10, JQuery 1.9.1, HTML5, MVC 2.

回答1:

The table element created dynamically by the kendoDatePicker plugin cannot have any clear css rules applied to it. IE: clear: both;

回答2:

if you are using bootstrap means it will affect your kendo datepicker table.Add below css

 #datepickerid_dateview table.k-content
        {
            border-collapse: inherit;
        }

datepickertid is your datepicker name.