2

我想增加日历视图的大小，因为默认大小对于我的 Web 应用程序来说太小了。我尝试将 cssClass 添加到 datetimepicker 标记，但它不起作用，即使我更改宽度或高度，它唯一改变的是字段，而不是日历本身。

我会放一张图片，以便您更好地理解我遇到的问题：

日期时间选择器问题

问题是字段中的文本被正确查看，但是当我单击日历按钮时，它显示的视图很小，而且很难选择一个日期。

datetimepicker 的代码是这样的：

<sx:datetimepicker name="start_date" displayFormat="dd-MMM-yyyy" value="%{'today'}" />

有什么猜测吗？

4

2 回答 2

2

好的，终于解决了：

首先我试图找到datefilepicker.ftl里面命名的文件，struts2-core.jar但我没有找到任何类似的东西。因此，在几个小时试图找到哪个是 datetimepicker 的正确模板但没有任何运气之后，我尝试使用 JQuery 解决我的问题，因为当我搜索答案时，我发现了一个使用这个库的datepicker 教程。

有一个名为Struts2-JQuery的插件，它为您提供 ajax 功能，因此可以在不同的小部件中进行多种自定义。

它很容易安装，我只需要下载正确的 .jar，对我来说它是 3.5.1 版（jQuery 1.8.3，jQuery UI 1.9.2）。下载文件后，我只需将其粘贴到项目内的 lib 文件夹中即可。之后，我在 .jsp 文件的开头添加了这一行：

<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>

通过这些步骤，我的 .jsp 文件中有 jquery 功能，所以剩下要做的就是添加 datepicker 小部件：

首先，我为我的小部件选择了我想要的 jquerytheme，就像这样：

<head>
<sj:head jquerytheme="flick"/>
...
</head>

然后，我添加了我的 datepicker 小部件：

<sj:datepicker name="start_date" displayFormat="dd-MM-yy" value="today"/>

就是这样。

如果您想调整日期选择器日历的大小，请参阅这篇文章的答案：

如何调整 jQuery DatePicker 控件的大小

于 2013-04-16T09:05:59.337 回答
0 
<sx:datetimepicker name="start_date" displayFormat="dd-MMM-yyyy" value="%{'today'}" />

它是一个dojo标签，所以你应该改变这个标签对应的模板文件

Freemarker 更改 检查您工作区中的 datetimepicker.ftl 之类的内容。那将是呈现您的日历的文件。任何与演示相关的更改都将仅在该文件中完成。

使用 firebug 进行调试 另一种方法是在 Mozilla firefox 中使用 firebug 并手动尝试更改标签呈现的 html。您的问题可能有一些 CSS 解决方案

于 2013-04-02T09:42:56.000 回答