如何使用DNN中的Calendar控件
在做表单时,我们经常会用到日期控件,这个在DNN里已经提供了现成的控件。
为了测试,我们先用Startkit快速建立一个模块,具体步骤我就不细说了。
然后我们到View控件这里,我们要演示的就是在页面上填加一个日期控件,先来看看完成后是什么样子:
最后在.ascx文件中的代码是:
到这就可以,编译,运行,你就可以看到Calender可以使用了。
比如改为:
为了测试,我们先用Startkit快速建立一个模块,具体步骤我就不细说了。
然后我们到View控件这里,我们要演示的就是在页面上填加一个日期控件,先来看看完成后是什么样子:
第一步:
我们先放拖放一个Asp.net 的TextBox和一个HyperLink在页面上,最后在.ascx文件中的代码是:
<asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged"></asp:TextBox>
<asp:HyperLink ID="HyperLink2" runat="server">HyperLink</asp:HyperLink>
<asp:HyperLink ID="HyperLink2" runat="server">HyperLink</asp:HyperLink>
第二步:
我们转到对应的.cs文件中,在PageLoad()函数中加入一行:HyperLink2.NavigateUrl = DotNetNuke.Common.Utilities.Calendar.InvokePopupCal(TextBox1);
到这就可以,编译,运行,你就可以看到Calender可以使用了。
最后
可以为HyperLink修改一些属性,比如显示文字(改为Calendar,或者是图片)、设置CSS、本地化等,这里就不多说了。比如改为:
<asp:hyperlink id="HyperLink2" cssclass="CommandButton" runat="server" resourcekey="Calendar">Calendar</asp:hyperlink>
就能得到最终的结果。