时间戳

首页 > 解决方案 > 弹出日历看起来不正确

ajaxcontroltoolkit - 弹出日历看起来不正确

问题描述

我正在尝试在 Webforms 项目中实现 AjaxControlToolkit (19.1.0) CalendarExtension 控件。与 2017 年相比。

我在母版页中引用了工具包以及脚本管理器。我的内容页面有 scriptmanagerproxy 参考。

结果显示在顶行显示当前月份，在左侧显示日期缩写的垂直列，没有月份的日期编号，在底部显示当前日期。所以是一个方形框，顶部是月份，底部是当前日期“今天：”，左侧是日期名称缩写。否则空盒子。

（我似乎无法在这个帖子文本框中正确格式化以发布它的样子）

| < 2019 年 10 月 > |

|苏 | |钼 | |涂 | |我们 | |钍 | |法国 | |萨 | | 29 | | 今天：2019 年 10 月 23 日 |

我们在美国，没有设置任何文化背景。在另一个页面（不使用母版页）上看起来不错（就像一个常规日历）。

在内容页面上使用它是否存在已知问题？是否有一些我忽略的设置，模糊或其他？

我查看了一堆关于控件的在线文章，但没有提到这样的事情。

我实现它的aspx代码：

…
<tr>
  <td>
    <asp:Label ID="Label6" runat="server" Text="Start Date"></asp:Label>
    <asp:TextBox ID="txtbxStartDate" runat="server" />
    <ajaxToolkit:CalendarExtender ID="CalendarExtender1" TargetControlID="txtbxStartDate" runat="server" />
  </td>
</tr>
…

标签： ajaxcontroltoolkitcalendarextendercontent-pages

解决方案

解决方案：在我的设计师的帮助下，我们发现问题在于母版页的 css 样式表覆盖了“td”和其他 css 类，因此每个元素都被赋予了一个 width: 100% 的值。

通过将以下样式代码添加到网页中，我们解决了该问题。

.ajax__calendar_container td {
    width: auto;
}

推荐阅读