【问题标题】:Struts2 datetimepicker sizeStruts2 日期时间选择器大小
【发布时间】:2013-04-02 09:22:21
【问题描述】:

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

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

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

日期时间选择器的代码是这样的:

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

你猜到了吗?

【问题讨论】:

标签: struts2 datetimepicker dojo


【解决方案1】:

好的,终于解决了:

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

有一个名为 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"/>

就是这样。

如果您想调整日期选择器日历的大小,请参阅此帖子的答案:

How to resize the jQuery DatePicker control

【讨论】:

    【解决方案2】:
    <sx:datetimepicker name="start_date" displayFormat="dd-MMM-yyyy" value="%{'today'}" />
    

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-09-11
      • 2021-10-27
      • 2018-04-24
      • 1970-01-01
      • 2020-03-02
      • 2015-04-30
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多