2013-04-02 33 views
2

我想增加日曆視圖的大小,因爲默認大小對於我的Web應用程序來說太小了。我試圖添加一個cssClass到datetimepicker標籤,但它不起作用,即使我改變寬度或高度,它所改變的唯一的東西就是字段,而不是日曆本身。Struts2 datetimepicker大小

我把圖像,因此您可以更好地瞭解,我有問題:

datetimepicker problem

事情是,從外地文本正確觀看,但是當我點擊日曆按鈕,它顯示了微小的視野,選擇一個日期非常困難。

的的DateTimePicker的代碼是這樣的:

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

任何的猜測?

+0

看到這個問題:http://stackoverflow.com/q/13097880/1700321。 –

回答

2

好吧,這終於解開了:

首先,我試圖找到一個名爲datefilepicker.ftlstruts2-core.jar裏面的文件,但我沒有發現類似的事情。 因此,在幾個小時試圖找到哪個是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的功能,所以唯一剩下要做的就是添加日期選擇器插件:

首先我選擇,我想我的插件的jquerytheme,就像這樣:

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

,然後我說我的日期選擇控件:

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

就是這樣。

如果要調整日期選擇日曆看到這個帖子的答案:

How to resize the jQuery DatePicker control

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

這是一個道場標籤,所以你應該改變相應於該標籤的模板文件

Freemarker的改變 您在您的工作空間像datetimepicker.ftl。這將是您的日曆呈現的文件。任何與演示文稿相關的更改將僅在該文件中完成。使用Firebug 另一種方法可以在Mozilla Firefox中使用Firebug手動

調試試圖改變由標籤呈現的HTML。有可能在於一些CSS解決您的問題

相關問題