0

Stefan Petre によって作成され、ここで入手できる日付ピッカー jQuery プラグインを使用しています。

http://www.eyecon.ro/datepicker/#about

これは、テキストボックスに日付ピッカーを適用するために使用しているコードです

 $('.tableMstCellECD').DatePicker({
            format: 'd/m/Y',
            date: $('.tableMstCellECD').val(),
            current: $('.tableMstCellECD').val(),
            calendars: 3,
            onChange: function (formated, dates) {
                $('.tableMstCellECD').val(formated);
                $('.tableMstCellECD').DatePickerHide();
            }
        });

正常に動作しますが、選択したテキストボックスではなく、すべてのテキストボックスの値を明らかに更新します。問題は、異なる数の texbox が存在する可能性があるため、アクセス値をハードコーディングできないことです。このコマンドのどこかに「this」キーワードを実装しようとしましたが、成功しませんでした

4

2 に答える 2

1

Deepanshu に同意します。jQuery UI を使用する必要があります。何らかの理由でそれを避けたい場合は、KarelG のソリューションで問題なく動作しますが、既に jQuery が含まれているため、次のように記述できます。

$('.tableMstCellECD').each(function(){
    var id = $(this).attr('id');
    $(this).DatePicker({
        format: 'd/m/Y',
        date: $('#' + id).val(),
        current: $('#' + id).val(),
        calendars: 1,
        onChange: function (formated, dates) {
            $('#' + id).val(formated);
            $('#' + id).DatePickerHide();
        }
    });
});

次のように、サーバー側またはクライアント側で入力要素の一意の ID を生成する必要もあります。

<input type="text" id="01" class="tableMstCellECD" />
<input type="text" id="02" class="tableMstCellECD" />
<input type="text" id="03" class="tableMstCellECD" />
<input type="text" id="04" class="tableMstCellECD" />
于 2013-07-24T11:05:23.427 に答える