如何使用DNN中的Calendar控件

简介: 在做表单时,我们经常会用到日期控件,这个在DNN里已经提供了现成的控件。 为了测试,我们先用Startkit快速建立一个模块,具体步骤我就不细说了。 然后我们到View控件这里,我们要演示的就是在页面上填加一个日期控件,先来看看完成后是什么样子:第一步: 我们先放拖放一个Asp.
在做表单时,我们经常会用到日期控件,这个在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 >
就能得到最终的结果。


相关文章
|
8天前
|
C++
C++ Qt开发:DateTime日期时间组件
Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍`QDateTime`日期与时间组件的常用方法及灵活运用。在Qt中,日期和时间的处理通常使用 `QDateTime` 类。`QDateTime` 是一个用于表示日期和时间的类,而与之相关的组件还包括 `QDate` 、 `QTime`以及`QDateTime`,以下是对这些组件的详细概述。
63 0
|
存储 C++ 索引
Qt模型视图框架(二)
Qt模型视图框架(二)
|
存储 前端开发 C++
Qt模型/视图框架(一)
Qt模型/视图框架(一)
|
算法框架/工具
tebsorflow2.0 使用Keras编写自定义图层和模型(上)
1.构建自定义层 1.1 基本模型框架构建 1.2 延迟创建权重,直到知道输入的形状 1.3 层的递归组合 1.4 层中创建loss张量 1.5 选择性地将层序列化 1.6 在call方法中给与训练参数特权 2. 建立模型
142 0
|
API TensorFlow 算法框架/工具
tebsorflow2.0 使用Keras编写自定义图层和模型(下)
1.构建自定义层 1.1 基本模型框架构建 1.2 延迟创建权重,直到知道输入的形状 1.3 层的递归组合 1.4 层中创建loss张量 1.5 选择性地将层序列化 1.6 在call方法中给与训练参数特权 2. 建立模型
187 0
|
JavaScript 前端开发 API
纯手工打造的日期选择器 xy-date-picker 原理与使用
纯手工打造的日期选择器 xy-date-picker 原理与使用
纯手工打造的日期选择器 xy-date-picker 原理与使用
Python Qt GUI设计:QCalendar日历类和QDateTimeEdit时间类(基础篇—20)
Python Qt GUI设计:QCalendar日历类和QDateTimeEdit时间类(基础篇—20)
Python Qt GUI设计:QCalendar日历类和QDateTimeEdit时间类(基础篇—20)
|
Web App开发
SAP UI5应用里类型为Edm.DateTime的日期控件设计原理
SAP UI5应用里类型为Edm.DateTime的日期控件设计原理
116 0
SAP UI5应用里类型为Edm.DateTime的日期控件设计原理
extjs5学习之 Model日期转换
extjs5语法变动 有些生疏 最近遇到的情况记录下来
155 0
extjs5学习之 Model日期转换

热门文章

最新文章