1

私のフォームには、MM / DD/YYYYの形式の日付を受け入れるテキストフィールドが含まれています。テキストフィールドをクリックすると、小さなJSカレンダーが表示され、日付をクリックすると、テキストフィールドに入力されます。

テキストフィールドがJSカレンダーポップアップから日付を受け取った後、jQuery関数をアクティブ化する必要があります。

change、val、mouseup、mousedown、liveなどを試しましたが、JSカレンダーからイベントをリッスンする必要があると思われます。興味深いことに、これらの各アクションは、カレンダーを2回目にクリックしたときに機能しますが、最初は機能しません(したがって、カレンダーの日付をクリックしてフィールドに入力し、もう一度クリックして別の日付を選択すると、jQuery関数が実行されます)。

何か案は?

$('#input_field_id').change(validate_function);

カレンダー: http: //mattkruse.com/javascript/calendarpopup/

4

3 に答える 3

2

私はそれがあなたを助けることを願っています:

HTML コード:

    <label>Date:</label> <input type="text" id="date" />

頭の中のスクリプト:

    <script>
        $(function() {
            $( "#date" ).datepicker();
        });
    </script>

また、いくつかも含める必要があります:

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
于 2013-01-31T08:13:01.013 に答える
0

これを使って

$('.cpCurrentDate).bind('click',function(){
//your code here
});

$('.cpOtherMonthDate'').bind('click',function(){
//your code here
});

または組み合わせたものは、

$('.cpCurrentDate, .cpOtherMonthDate').bind('click',function(){
//your code here
});
于 2012-11-01T06:45:19.080 に答える
0

サンプルと同じように、入力フィールドを変更イベントにバインドする必要があります。

$('#dateField').bind('change', function(e) {
    var date = $(this).val();
    // validate your date
});

これは、入力値が人によって変更されたときにトリガーを与えます。

日付が入力フィールドに挿入されている場合は、その入力フィールドの変更イベントをトリガーする必要があります。

$('#dateField').val(dateFromCal).trigger('change');

入力の値がカレンダーから設定されると、変更イベントがトリガーされ、変更イベント コードが実行されます。

提供される例: http://jsfiddle.net/KEFAL/1/

于 2012-11-01T06:57:15.977 に答える