-1

私の職場では jquery UI 1.8.23 を使用しています。以前にこれについて尋ねましたが、それ以上先に進むことはありません: jQuery UI datepicker - Trying to capture click event from date clicked

onSelect で日付をキャプチャし、jQuery で検索フォームに追加されたフィールドに値を渡すにはどうすればよいですか。

$('#search-form').append('<input id="dateHidden" name="dateHidden" type="text" />');

$('#datepicker2').click(function(){
    $('#ui-datepicker-div').append('<form><input id="selectMonth" type="button" value="Whole month"></form>');
});

$('#datepicker2').datepicker({
    // The hidden field to receive the date
    altField: "#dateHidden",
    // The format you want
    altFormat: "yy-mm-dd",
    // The format the user actually sees
    dateFormat: "dd/mm/yy",
    onSelect: function (date) {
        $('a.ui-state-default').removeClass('ui-state-highlight');
        $(this).addClass('ui-state-highlight');
    }
});

http://jsfiddle.net/bitmapshades/LFpwN/7/

私のコードを見てくれてありがとう。皆さんが提供できる助けに感謝します。

4

1 に答える 1

0

問題は、ページ側と Javascript 側の両方で、HTML マークアップにあります。

HTML

<!-- The tag wasn't closed and you can't have the class 'hasDatePicker' set beforehand -->
<input type="text" name="datePicker" id="datepicker2" />

Javascript

// The input tag wasn't closed here either
$('#search-form').append('<input id="dateHidden" name="date" type="hidden" />');

デモ: http://jsfiddle.net/LFpwN/9/

于 2013-09-06T10:59:36.737 に答える