JQuery 日期选择器动态 altField

Question

我有一组动态页面，上面有 jQuery 日期选择器字段。

我希望将漂亮的装饰日期写回给用户，但是用于提交数据的输入字段是隐藏的。

我看到了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')
      });
    });

起初我以为“this”附加到图像而不是字段，但是无论您是否取出第一个函数，控制台日志记录都是完全相同的。

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/