2

jQueryのdatepickerフィールドを含む一連の動的ページがあります。

素敵な化粧の日付をユーザーに書き戻したいのですが、データの送信に使用される入力フィールドは非表示になっています。

私は、buttonImageメソッドを実装しようとするまで、すべてうまく機能したこの別の投稿を見ました。これにより、フィールドを非表示にできます。

jsfiddleデモはこちら

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

最初はフィールドではなく「これ」が画像に付いていると思いましたが、最初の機能を外してもしなくても、コンソールのログはまったく同じです。

4

1 に答える 1

2

これを使ってみてください:

$(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/

于 2013-02-22T13:11:09.020 に答える