AjaxControltoolkit学习笔记—Calendar使用详解 (asp.net C#)

最新推荐文章于 2020-12-22 21:36:49 发布

转载最新推荐文章于 2020-12-22 21:36:49 发布 · 1k 阅读

标签

#calendar #asp.net #c# #textbox #日历

.net 专栏收录该内容

78 篇文章

订阅专栏

本文介绍ASP.NET AJAX中的Calendar控件，该控件能够轻松地与TextBox控件结合使用，提供直观的日期选择功能。无需编写客户端脚本，即可实现日期选择、月份切换及年代选择等功能，并支持多语言环境。

Calendar 是一个非常酷的 ASP.Net AJAX 控件，它可以和任何一个 ASP.Net TextBox 控件协作，给页面用户提供一个可视化的日期选择，而不用写任何一句客户端脚本。
Calendar 强大的已封装的客户端脚本非常强大，你可以点击弹出日历中的“今天”就将 TextBox 中的值设置为今天的日期。

更酷的一个方面，你可以点击日历上向左和向右的箭头使得其中的月份进行相应的调整和改变。同样你可以很方便地选择选择其年份和“时代（十年）”的选择。

当前页面的语言设置为：中文(中华人民共和国) 它将根据浏览器的语言选择进行变化。这里我们需要设置两个页面属性 Culture="auto" 和 UICulture="auto"。你可以在 MSDN上获得更多的这方面的资料， MSDN 文章。

需要适应多语言的条件还有一个就是，在页面上的 ScriptManager 需要设置两个属性：EnableScriptGlobalization="true" 和 EnableScriptLocalization="true".

Calendar 属性

Calendar 控件属性将被初始化如下面的示例代码所示，斜体属性为可选属性：

<ajaxToolkit:Calendar runat="server"

    TargetControlID="Date1"

    CssClass
="ClassName"

    Format
="MMMM d, yyyy"

    PopupButtonID
="Image1" />

TargetControlID - 需要进行日期选择的 TextBox 控件 ID
CssClass - 日历中采用的 Css 样式
Format - 日期格式的格式化形式
PopupButtonID - 如果需要象上面的第三个例子中一样需要用一个按钮来触发日历的显示，那么在这里设置这个按钮的 ID
PopupPosition - 指定显示日历的方位，可以 TextBox 控件的 BottomLeft - 左下 (默认)、BottomRight - 右下、TopLeft - 左上或者 TopRight - 右上
SelectedDate - 指定日历的初始化日期

案例代码

<asp:TextBox runat="server" ID="Text" />
<ajaxToolkit:Calendar runat="Server" BehaviorID="Calendar" TargetControlID="Text" />