2

デフォルトのサイズは Web アプリケーションには小さすぎるため、カレンダー ビューのサイズを大きくしたいと考えています。cssClass を datetimepicker タグに追加しようとしましたが、幅または高さを変更しても機能しません。変更されるのは、カレンダー自体ではなくフィールドだけです。

私が抱えている問題をよりよく理解できるように、画像を配置します。

日時ピッカーの問題

問題は、フィールドのテキストが正しく表示されていることですが、カレンダー ボタンをクリックすると小さなビューが表示され、1 つの日付を選択するのが非常に困難です。

datetimepicker のコードは次のとおりです。

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

推測はありますか？

4

2 に答える 2

2

わかりました、それは最終的に解決されました：

datefilepicker.ftl最初に内で名前が付けられたファイルを見つけようとしましたstruts2-core.jarが、似たようなものは見つかりませんでした。そのため、何の運もなくdatetimepickerの正しいテンプレートを見つけようとして数時間後、JQueryを使用して問題を解決しようとしました。答えを探していたときに、このライブラリを使用したdatepickerチュートリアルを見つけたからです。

ajax 機能を提供するStruts2-JQueryというプラグインがあるため、さまざまなウィジェットで複数のカスタマイズが可能です。

インストールは非常に簡単です。私にとってはバージョン 3.5.1 (jQuery 1.8.3、jQuery UI 1.9.2) の正しい .jar をダウンロードするだけでした。ファイルをダウンロードしたら、プロジェクト内の 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 を使用してデバッグする もう 1 つの方法は、Mozilla firefox で firebug を使用し、タグによってレンダリングされる html を手動で変更することです。あなたの問題に対するいくつかのCSSソリューションがあるかもしれません

于 2013-04-02T09:42:56.000 に答える