JQuery日期选择器动态altField

Question

我有一组动态页面，其上有jQuery datepicker字段。

我想美丽的化妆日期写回给用户，但是用于提交数据的输入字段是隐藏的。

我看到了This other post这一切都很好，直到我试图实现buttonImage方法，以便我的字段可以隐藏。

jsfiddle demo here

Date: <input type="text" class="datepicker">&nbsp; 
<input type="text" class="datepickeralt" size="30"/> 


    $(function() { 
     $(".datepicker").datepicker({ 
      showOn: "button", 
      buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif", 
      buttonImageOnly: true, 
     }); 
    }); 


    $('.datepicker').each(function() { 
     console.log(this); 
     $(this).datepicker({ 
     altField: $(this).closest('div').find('.datepickeralt') 
     }); 
    }); 

起初我以为“这个”附于图像，而不是场，但是如果你把第一个函数出去与否，控制台日志是完全一样的。

Answer 1

尝试使用此：

$(function() { 
$(".datepicker_sep, .datepicker").each(function(){ 
$(this).datepicker({ 
    showOn: "button", 
    buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif", 
    buttonImageOnly: true, 
    altField: $(this).parent().find('.datepickeralt') 
}); 
}) 
}); 

http://jsfiddle.net/jYk6j/3/