jquery-ui - 根据输入字段标题设置jQuery ui datepicker tooltip

Question

当我使用 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值。我希望能够使用该input字段的title属性作为buttonText值，以便我可以使用.datepicker类选择器来配置我的所有日​​期选择器。像这样的东西：

$('.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>

这种方法几乎可行，但我最终得到的是页面的标题，而不是选定的输入字段。想法？

Answer 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 
    });
});

这应该工作！