如何使用DNN中的Calendar控件

在做表单时,我们经常会用到日期控件,这个在DNN里已经提供了现成的控件。

为了测试,我们先用Startkit快速建立一个模块,具体步骤我就不细说了。

然后我们到View控件这里,我们要演示的就是在页面上填加一个日期控件,先来看看完成后是什么样子:


第一步:

我们先放拖放一个Asp.net 的TextBox和一个HyperLink在页面上,
如何使用DNN中的Calendar控件

最后在.ascx文件中的代码是:

< asp:TextBox  ID ="TextBox1"  runat ="server"  OnTextChanged ="TextBox1_TextChanged" ></ asp:TextBox >
< asp:HyperLink  ID ="HyperLink2"  runat ="server" > HyperLink </ asp:HyperLink >

第二步:

我们转到对应的.cs文件中,在PageLoad()函数中加入一行:
HyperLink2.NavigateUrl  =  DotNetNuke.Common.Utilities.Calendar.InvokePopupCal(TextBox1);

到这就可以,编译,运行,你就可以看到Calender可以使用了。
如何使用DNN中的Calendar控件

最后

可以为HyperLink修改一些属性,比如显示文字(改为Calendar,或者是图片)、设置CSS、本地化等,这里就不多说了。
比如改为:
< asp:hyperlink  id ="HyperLink2"  cssclass ="CommandButton"  runat ="server"  resourcekey ="Calendar" > Calendar </ asp:hyperlink >
就能得到最终的结果。


你可能感兴趣的:(calendar)