问题标签 [calendarextender]

如何调整 ajax 控件工具包的 calendarextender 的大小使其触摸友好，我已经成功修改了 css 属性，但是在选择月份或年份时，月份（或年份）与日期重叠，并且在做出选择后不会折叠。

这是我目前使用的css：

.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:450px;font-size:28px;text-align:center;font-family:tahoma,verdana,helvetica; z 指数：10000；} .ajax__calendar_body {height:360px;width:450px;position:relative;overflow:hidden;margin:auto;} .ajax__calendar_days {top:0px;left:0px;height:360px;width:450px;position:absolute;text-对齐：居中；边距：自动；可见性：可见；} .ajax__calendar_months{top:0px;left:0px;width:450px;position:absolute;text-align:center;margin: 0 0 -5px 0; 填充：0 0 1px 0；溢出：隐藏；背景颜色：#ffffff；} .ajax__calendar_years {顶部：0px；左侧：0px；宽度：450px；位置：绝对；文本对齐：中心；边距：-10px；溢出：隐藏；}

.ajax__calendar_container TABLE {font-size:32px;} .ajax__calendar_header {height:40px;width:100%; z-index: 1000;} .ajax__calendar_prev {cursor:pointer;width:45px;height:45px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(< %=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);background-color: #D3DEEF;} .ajax__calendar_next {cursor:pointer;width:45px;height:45px;float:right;background-repeat :no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);background-color: #D3DEEF;} . ajax__calendar_title {cursor:pointer;font-weight:bold;} .ajax__calendar_footer {height:33px;} .ajax__calendar_today {cursor:pointer;padding-top:3px;} .ajax__calendar_dayname {height:28px;width:34px;text-align:对；填充：0 4px -10px 0;} .ajax__calendar_day {font-size:20px;height:51px;width:54px;text-align:right;padding:0 4px;cursor:pointer;} .ajax__calendar_month {font-size:18px;height ：45px；宽度：60px；文本对齐：居中；光标：指针；溢出：隐藏；垂直对齐：中间；边距：-1px 0 1px 0;} .ajax__calendar_year {font-size:18px;height:46px;width:60px;text-align:center;cursor:pointer;overflow:hidden; 垂直对齐：中间；}

.ajax_ calendar .ajax _calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;} .ajax_ calendar .ajax _calendar_footer {border-top:1px solid #f5f5f5;} .ajax_ calendar .ajax _calendar_dayname {border-bottom:1px solid #f5f5f5;} .ajax_ calendar .ajax _calendar_day {border:1px solid #D3DEEF;} .ajax_ calendar .ajax _calendar_month {border:1px solid #D3DEEF;background-color:#ffffff;} .ajax_日历 .ajax _calendar_year {border:1px solid #D3DEEF;background-color:#ffffff;}

.ajax_日历 .ajax _calendar_active .ajax__calendar_day {背景颜色：#edf9ff；边框颜色：#0066cc；颜色：#0066cc；} .ajax_日历 .ajax _calendar_active .ajax__calendar_month {背景颜色：#edf9ff；边框颜色：# 0066cc；颜色：#0066cc；} .ajax_日历 .ajax _calendar_active .ajax__calendar_year {背景颜色：#edf9ff；边框颜色：#0066cc；颜色：#0066cc；}

.ajax_日历 .ajax _calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;} .ajax_ calendar .ajax _calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:# ffffff;颜色:#646464;}

.ajax_日历 .ajax _calendar_hover .ajax__calendar_day {背景颜色：#edf9ff；边框颜色：#daf2fc；颜色：#0066cc；} .ajax_日历 .ajax _calendar_hover .ajax__calendar_month {背景颜色：#edf9ff；边框颜色：# daf2fc;color:#0066cc;} .ajax_ calendar .ajax _calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax_日历 .ajax _calendar_hover .ajax__calendar_title {color:#0066cc;} .ajax_ calendar .ajax _calendar_hover .ajax__calendar_today {color:#0066cc;}

使用这种 CSS 样式，我可以避免重叠，但是月份和年份不再足够大，并且不会填满整个屏幕。有没有人有这方面的经验？

我注意到，如果 SSRS ASP.Net 报表查看器控件直接位于其下方，则 AjaxControlKit 中日历日期选择下拉列表中的项目不可用。

我必须在它下面添加后续的 HTML/行间距，以便我能够选择控件中其余的较低日期。

为了解决这个问题，我添加了更多的 HTML 空白行，从而解决了问题。

然而，这是一个次优的解决方案，因为我有一个 SSRS 报告应该位于选择器的正下方，并且添加未使用的垂直空白是错误的。

将报表查看器控件设置为 visible=false 并在按下按钮时交换它也不是一个好的选择，因为您不必清除报表区域来选择更多日期。

有没有人遇到过这种情况，如果有，解决办法是什么？

谢谢你。

我有一个 div，在其中我有一个 TextBox 设置为 display:none，一个 CalendarExtender 连接到它，还有一个 Button，在 TextBox 旁边，显示日历。当我单击按钮时，日历会出现在表单的左上角。有没有办法让它出现在按钮旁边，文本框所在的位置？

我已经尝试过 yyyy/MM/dd 但这会返回 1980/1/1，这将无法通过 .NET 中的文化信息格式检查

我有一个 GridView，其中一个单元格包含一个带有 CalendarExtender 的 TextBox。另一个单元格包含一个触发 CalendarExtender 的按钮。选择日期后，会在客户端触发 checkDate 函数，最后我想触发按钮的服务器端事件。我唯一的问题是如何确定用户点击了哪一行，这样我就可以从 javascript 触发右键事件？

这是我的网格视图：

下拉日历的文本框附近有一个日历图像。当我将文本框中的日期值更改为

$("#calendarTextBox").val("11/22/2004");

然后如果用户单击图像，下拉日历包含旧日期值，而不是 javascript 设置的日期值。

任何线索都会有所帮助。

试用日历演示。

我正在开发一个 ASP.NET 网站，其中我使用了 AJAX 控件工具包的 CalendarExtender 在 asp:TextBox 中选择日期。我想根据从 CalendarExtender 控件中选择的日期设置 asp:Calendar 控件的VisibleDate属性。我请求你帮助我实现这个功能。或者有没有办法从 CalendarExtender 控件中回发选择日期的页面，以便我可以在代码隐藏中处理TextChanged事件并在此事件处理程序中设置VisibleDate属性？谢谢

CalendarExtender我在我的网站中使用 AjaxControlToolkit ，但在上传后它确实显示了日历控件。我已经在页面本身上注册了控件。当我单击应用控件的图像时的页面回发。

这可能是什么原因？

我创建了 Ajax Calender Extender 作为用户控件，并在各个页面中使用它。我对日历用户控件的问题是，当我单击日历中的“下一个”和“上一个”按钮时，它没有导航上个月或下个月。

AJAX 版本为：4.1.40412.2

AJAX 日历 CSS ：

.ajax_日历 { 位置：相对；左：0px！重要；顶部：0px！重要；能见度：可见；显示：块；背景颜色：红色；} .ajax _calendar iframe { left: 0px !important; 顶部：0px！重要；}

这是我的用户控制是：

<%@ 注册程序集="AjaxControlToolkit" 命名空间="AjaxControlToolkit" TagPrefix="ajaxControl" %>

我以这种方式在页面中使用相同的 UserControl：

请提供此帖子的解决方案。

我正在尝试使用与此页面上的第三个文本框完全相同的文本框功能：http ://www.asp.net/AJAX/AjaxControlToolkit/Samples/MaskedEdit/MaskedEdit.aspx 。我正在尝试将 CalendarExtender 控件与 MaskedEditExtender 一起使用，因为我不希望用户能够在框中输入除有效日期之外的任何内容。在我的 maskededitextender 上，我有一个“99/99/9999”的掩码，但它似乎只在日期实际上是 8 位（例如 2000 年 12 月 12 日）而不是当日期是 7 位或 6 位（例如 1/ 1/2000 或 1/14/2000）。当日期少于 8 位时，掩码会出错。这是我的代码：

如果我能弄清楚如何将 CalendarExtender 的日期格式设置为 MM/DD/YYYY 而不仅仅是 M/D/YYYY 可以解决它。