在 DotNetNuke 中使用 jQuery UI 日期选择器代替 Telerik RadCalendar

Posted

技术标签:

【中文标题】在 DotNetNuke 中使用 jQuery UI 日期选择器代替 Telerik RadCalendar【英文标题】:using jQuery UI datepicker in DotNetNuke instead Telerik RadCalendar 【发布时间】:2012-06-26 12:06:31 【问题描述】:

如何在 DotNetNuke 6+ 中将 jQueryUI Datepicker 替换为 Telerik RadCalendar(默认)以获得包括核心在内的所有内容?

Telerik RadCalendar 不支持我的日期格式。

提前致谢

【问题讨论】:

【参考方案1】:

这个过程非常简单。只需使用常规文本框即可。

$("#<%= txtMyControl.ClientID %>").datepicker();

然后你就可以出发了!

您可能还需要在代码隐藏中请求注册 jQuery UI。

【讨论】:

嗨 Mitchel 我应该在 DotNetNuke 的核心中替换它......无论如何用另一个控制器替换 dnnDatepicker 以在所有模块中用 jQueryUI 替换 RadDatePicker? 并非没有广泛的核心修改。 Excuse Me Mitchel Sellers,但是网络上有关于此的教程吗?谢谢 不,实际上没有,因为您将无法升级,因此通常建议不要修改核心。【参考方案2】:

DotNetNuke 提供了内置的 jquery.js 和 jquery-ui.js 所以你不必费心单独链接它们

如果您正在开发自定义 DNN 模块,请将其添加到您的用户控件 view.ascx 文件中。

我有 txtStartDate 作为表单上的一个文本字段,我希望我的日历在点击时呈现。

为了实现这一点,我在标准包含后的 ascx 页面顶部添加了此代码。

<script type="text/javascript" >
$(function () 
    $("#<%= txtStartDate.ClientID %>").datepicker();
);
</script>

如果看起来比您的预期更大,日历会根据您的文本大小来调整大小

这样设置样式

<style>
div.ui-datepicker
font-size:10px;

</style>   

【讨论】:

以上是关于在 DotNetNuke 中使用 jQuery UI 日期选择器代替 Telerik RadCalendar的主要内容,如果未能解决你的问题,请参考以下文章

在 DotNetNuke 表单和列表中使用 XSLT 对项目进行分组

DotNetNuke 使用具有透明度的 PNG 图像

使用 OrchardCMS、Umbraco 或 DotNetNuke 作为 ASP.NET 应用程序中的组件

DotNetNuke SQL 15350

如何在 DotNetNuke 中获取除“管理”选项卡之外的所有选项卡?

ASP.NET - IIS 7 - DotNetNuke - 如何强制浏览器重新加载站点的 CSS?