在 DotNetNuke-7 模块中使用 datepicker答案

【问题标题】：Using datepicker in DotNetNuke-7 module在 DotNetNuke-7 模块中使用 datepicker
【发布时间】：2019-06-18 06:58:20
【问题描述】：

我是 DNN 初学者。我目前正在构建一个可以显示统计信息的模块。我的 DotNetNuke 版本是 7.0。统计数据来自 Chartjs。对于这个统计数据，我想实现过滤器。这些过滤器应该是datepickers。作为 UI 元素，我现在包含了一个带有 TextMode='Date' 的文本框。但目前我在设置该字段的默认值时遇到问题。默认值应为01.01。当年的。

我已经尝试通过 C# 服务器端设置值。不幸的是没有成功。我还尝试通过 JavaScript 在客户端设置值。不幸的是也没有成功。

这些是我在 JavaScript 中尝试过的几行代码：

document.getElementById(<%= this.DatumVon.AccessKey %>).value = "01.01.2019";
document.getElementById(<%= this.DatumVon.AccessKey %>).innerText = "01.01.2019";
document.getElementById("DatumVon").value = "01.01.2019";

这些是我在 C# 方法“Page_Load”（服务器端）中尝试的一些行：

this.DatumVon.Text = "01.01.2019";

我希望 TextBox 的值为01.01.2019。但是，它目前只包含dd.mmm.yyyy。我该如何更改？

谢谢。

【问题讨论】：

标签： dotnetnuke-7 dotnetnuke

【解决方案1】：

您的本地化有问题。请参阅jQuery UI datepicker 文档（“本地化”部分），这应该会给您答案。

【讨论】：

我很抱歉，但不知何故我不明白那个答案。你能说清楚吗？
你这里有一个日期格式问题。 “dd.mmm.yyyy”（注意三个 m！）不是您输入的正确日期格式，因此不适合给定值（即 dd.mm.yyyy）。另一方面，这是（我猜）一种德语日期格式，Javascript 默认不处理。在文档中，您可以找到有关如何本地化 jQuery UI 日期选择器（由 DNN 使用）的日期格式的信息。
抱歉，不知何故，我的答案中的链接丢失了 - 我刚刚更正了那部分。
日期格式中的 mmm 只是一个错字。我的意思是mm。
经过我的猜测，DNN 使用 jQuery 日期选择器的信息是错误的。可能是当前 DNN 版本使用了 jQuery 日期选择器。但是 DNN 7.0 无论如何都不是。对于 TextMode='Date' 的 TextBox，DNN 7.0 使用 type='date' 的 HTML 输入标记。但我现在尝试使用 jQuery datepicker。这也很有效。但是任何样式表都会弄乱完整的日期选择器，因此日期选择器非常难看。我应该怎么办？我很绝望……近一个星期以来，我一直只对这个日期选择器感到恼火。

【解决方案2】：

哇...我解决了。我做到了。有时，解决方案就在您面前，而您却看不到。 Michael Tobisch 是绝对正确的。设置值时，格式非常重要。我一直使用德语格式。带有TextMode="Date" 的 DNN 文本框无法处理。 DNN 将此 TextBox 转换为 HTML 输入字段。但是这个输入字段只能用"yyyy-mm-dd"的格式来清除。根据客户的地理位置（至少我是这么认为的），输入字段中显示的文本将被格式化。但输入字段的值始终具有相同的格式 ("yyyy-mm-dd")。这里非常重要：显示的文本和实际值有不同的格式。

再次感谢 Michael Tobisch 的精神启发和对我的耐心。

同样重要的是，访问 DNN 元素的实际 ID 的方式如下：this.Element.ClientID，而不是我之前假设的this.Element.AccessKey。这也是错误的。

【讨论】：

阿里，我很高兴能帮上忙……抱歉，我完全忽略了上面的“.AccessKey”属性，当然必须是“.ClientID”。