仅将 ajax 日历扩展器绑定到特定月份和年份

发布于 2024-12-06 15:03:04 字数 226 浏览 0 评论 0原文

我有两个日历扩展程序，我想限制它们。当用户从年份下拉列表中选择任何年份和从月份下拉列表中选择月份时，日历扩展器应仅显示所选月份和年份的日期，并且不允许使用从日历扩展器中选择任何其他月份和年份。例如。如果我分别从年份和月份下拉列表中选择年份 = 2011 和月份 = 九月，则两个日历扩展器都应显示 2011 年 9 月 + 10 月 1 日的日期，并且应允许我仅从这些日期中选择日期并选择任何不允许使用其他日期。我不想使用 Jquery。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

老街孤人 2024-12-13 15:03:04

我相信您可以使用以下方法（快速且相当肮脏）：将下面的脚本和样式添加到页面上：

<style type="text/css" >
     div.ajax__calendar_prev,
     div.ajax__calendar_next,
     div.ajax__calendar_today
     {
          display: none !important;
     }
</style>
<script type="text/javascript">
     function pageLoad() {
          var extender = $find("calendarExtenderBehaviorID");
          extender._switchMode = function () { };
     }
</script>

这将禁止日历模式切换并隐藏可用于更改月份和年份的元素。

此外，您还需要一个附加到目标文本框的 RangeValidator 来检查选定的日期值。
在下拉列表的选定索引更改事件处理程序中，您需要设置日历扩展器选定日期，并根据选定的年份和月份设置范围验证器的最小值和最大值。

作为替代方案，您可以使用 CustomValidator 并在 javascript 中执行所有检查和分配。

I believe you may use following approach (fast and quite dirty): add script and style below onto the page:

<style type="text/css" >
     div.ajax__calendar_prev,
     div.ajax__calendar_next,
     div.ajax__calendar_today
     {
          display: none !important;
     }
</style>
<script type="text/javascript">
     function pageLoad() {
          var extender = $find("calendarExtenderBehaviorID");
          extender._switchMode = function () { };
     }
</script>

This will prohibit calendar mode switching and hide elements that may be used for changing month and year.

Also you need a RangeValidator attached to target textbox for checking selected date value.
In dropdown's selected index changed event handler you need to set calendar extender selected date and set range validator's minimum and maximum values in accordance with selected year and month.

As an alternative you can use CustomValidator and perform all checks and assignments in javascript.

回复收藏 0 原文

~没有更多了~