如何使用DNN中的Calendar控件

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

为了测试,我们先用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>

第二步:

我们转到对应的.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>
就能得到最终的结果。


posted on   m2land  阅读(1425)  评论(1编辑  收藏  举报

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述

导航

统计

点击右上角即可分享
微信分享提示