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

这应该有效！

根据输入字段标题设置jQuery ui datepicker工具提示

1 个答案: