Fórum

DatePickerのカスタマイズについて

E Y, modificado 9 Anos atrás.

DatePickerのカスタマイズについて

New Member Postagens: 6 Data de Entrada: 13/02/15 Postagens Recentes
皆様、大和と申します。

日付入力項目をクリックした際に表示されるカレンダー(DatePicker)のカスタマイズを行いたいと思っています。
具体的には、以下の点です。
 ・土日の色分け
 ・ヘッダ部の年月表示の変更 例) 2月2015 → 2015年2月
 ・日本の祝祭日の表示(他サービスを利用でも可)

カレンダーのカスタマイズは結構発生するかとは思います。
皆様はどのように対応していますでしょうか?
お知恵を拝借できればと思っています。
宜しくお願いいたします。
thumbnail
Yasuyuki GreenG Takeo, modificado 9 Anos atrás.

RE: DatePickerのカスタマイズについて

Junior Member Postagens: 30 Data de Entrada: 13/09/12 Postagens Recentes
サーバーサイドで表示内容を制御する場合は、
Format dateFormatDate = FastDateFormatFactoryUtil.getDate(locale, timeZone);
Date modelModifiedDate = model.getModifiedDate();
String displayDate = dateFormatDate.format( modelModifiedDate )

のように、LiferayでFastDateFormatFactoryUtilというユーティリティクラスを用意しているので、それを利用するという方法もあるかとおもいます。

またクライアントサイドであれば
https://www.liferay.com/ja/community/forums/-/message_boards/message/46895467
で紹介されているように、

YUI( { lang: 'ca-ES' } ).use('aui-datepicker', function(Y) {
	new Y.DatePicker({
		trigger: '#trigger',
		popover: {
			zIndex: 1
		}
	});
});

のような制御方法もあるかと思います。