1

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>

このアプローチはほとんど機能しますが、選択した入力フィールドではなく、ページのタイトルになってしまいます。考え？

4

1 に答える 1

1 
$('.datepicker').each(function() {
    $currentDatepicker = $(this);
    $currentDatepicker.datepicker({ 
       dateFormat: 'mm/dd/yy', 
       showOn: 'button', 
       buttonText: $currentDatepicker.attr('title'), 
       buttonImage: '<s:url includeParams="none" value="/images/calendar.gif"/>', 
       buttonImageOnly: true 
    });
});

これはうまくいくはずです！

于 2012-10-25T15:45:30.560 に答える