jquery datepicker を使用する場合、ほとんどの場合、次のように構成されます。
$('#dateFld').datepicker({
dateFormat: 'mm/dd/yy',
showOn: 'button',
buttonText: 'Edit date value',
buttonImage: '<s:url includeParams="none" value="/images/calendar.gif"/>',
buttonImageOnly: true
});
...
<p>Date: <input type="text" id="dateFld" /></p>
このようにフィールドを定義するたびに変わる傾向があるのは、buttonText
値だけです。代わりに.datepickerクラス セレクターを使用してすべての日付ピッカーを構成できるように、input
フィールドのtitle
属性を値として使用できるようにしたいと考えています。このようなもの:buttonText
$('.datepicker').datepicker({
dateFormat: 'mm/dd/yy',
showOn: 'button',
buttonText: $(this).attr('title'),
buttonImage: '<s:url includeParams="none" value="/images/calendar.gif"/>',
buttonImageOnly: true
});
...
<p>Date: <input class="datepicker" type="text" id="dateFld" title="Edit date value" /></p>
このアプローチはほとんど機能しますが、選択した入力フィールドではなく、ページのタイトルになってしまいます。考え?