Kendo Datepicker 在更改月份时显示两个月答案

【问题标题】：Kendo Datepicker Shows two month while changing the monthKendo Datepicker 在更改月份时显示两个月
【发布时间】：2023-03-25 13:37:01
【问题描述】：

嗨，我的剑道日期选择器显示两个月，同时更改日期选择器的月份。请看截图。我找到了以下解决方案 Kendo datepicker shows two months during animation 。但没有运气。任何人都可以帮助解决这个问题吗？

我的代码：

@(Html.Kendo().DatePicker().Name("datepicker").Max(DateTime.Today).Events(e => { e.Change("SearchonClick"); }).HtmlAttributes(new { style = "width: 100%", @placeholder = "dd/mm/yyyy", onkeydown = "javascript:return false;" }) )

【问题讨论】：

请添加小部件初始化的html和javascript代码。也许你没有正确初始化它。
请看代码：@(Html.Kendo().DatePicker() .Name("datepicker") .Max(DateTime.Today) .Events(e => { e.Change(" SearchonClick"); }) .HtmlAttributes(new { style = "width: 100%", @placeholder = "dd/mm/yyyy", onkeydown = "javascript:return false;" }) )
它在完美的 chrome 上工作。但其他浏览器无法正常工作

标签： kendo-ui kendo-grid kendo-asp.net-mvc

【解决方案1】：

观察到的问题肯定是由对弹出日历的table 元素强制使用以下样式之一的 CSS 代码引起的：

/* any other selector that influences Kendo UI Calendar tables */

table {
    width: 100%;
    /* or */
    float: none;
}

剑道 UI 日历适用并需要以下样式：

.k-calendar .k-content {
    width: 100%;
    float: left;
}

100% 宽度的样式随后被计算的内联像素宽度样式覆盖。

因此，如果这两种样式中的任何一种被非 Kendo UI 样式覆盖，日历导航就会中断。请检查并修改您的选择器，使其不针对 Kendo UI 日历表。

【讨论】：

【解决方案2】：

终于找到答案了

bootstrap.css 影响 datepicker 表。添加下面的css是精确的解决方案。

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

【讨论】：