jquery - jQuery datepicker、onSelectは機能しません

Question

onSelectjQueryで作業できませんdatepicker。

これが私のコードです：

<script type="text/javascript">
$(function() {
    $('.date-pick').datePicker( {
        onSelect: function(date) {
            alert(date)
        },
        selectWeek: true,
        inline: true,
        startDate: '01/01/2000',
        firstDay: 1,
    });
});
</script>

onSelect関数を登録しないようなものです。私は何が間違っているのですか？

score 91 · Accepted Answer

最後のプロパティの後にコンマはありません。

アラート後のセミコロン（日付）;

datepickerのケース（datePickerではない）

プロパティについては、他の大文字/小文字を確認してください。

$(function() {
    $('.date-pick').datepicker( {
        onSelect: function(date) {
            alert(date);
        },
        selectWeek: true,
        inline: true,
        startDate: '01/01/2000',
        firstDay: 1
    });
});

score 15 · Accepted Answer

datePickerのonSelectに相当するものは、dateSelectedイベントです。

$(function() {
    $('.date-pick').datePicker( {
        selectWeek: true,
        inline: true,
        startDate: '01/01/2000',
        firstDay: 1,
    }).bind('dateSelected', function(e, selectedDate, $td) {
        alert(selectedDate);
    });
});

このページには、dateSelectedイベントとバインドされている他のイベントを示す良い例があります。

score 7 · Accepted Answer

$('.date-picker').datepicker({
                    autoclose : true,
                    todayHighlight : true,
                    clearBtn: true,
                    format: 'yyyy-mm-dd', 
                    onSelect: function(value, date) { 
                         alert(123);
                    },
                    todayBtn: "linked",
                    startView: 0, maxViewMode: 0,minViewMode:0

                    }).on('changeDate',function(ev){
                    //this is right events ，trust me
                    }
});

score 4 · Accepted Answer

最善の解決策は、日付ピッカーのデフォルトを設定することです

私が使用したコードに従います

$.datepicker.setDefaults({
    onSelect: function () {
        $(this).focus();
        $(this).nextAll('input, button, textarea, a').filter(':first').focus();
    }
});

score 3 · Accepted Answer

<script type="text/javascript">
    $(function() {
        $("#datepicker").datepicker({ 
              onSelect: function(value, date) { 
                 window.location = 'day.jsp' ; 
              } 
        });
    });
 </script>

<div id="datepicker"></div>

私はあなたがこれを試すことができると思います。それはうまくいきます。

score 3 · Accepted Answer

関数datepickerは大文字と小文字を区別し、すべて小文字です。ただし、以下は私にとっては問題なく機能します。

$(document).ready(function() {
  $('.date-pick').datepicker( {
    onSelect: function(date) {
        alert(date);
    },
    selectWeek: true,
    inline: true,
    startDate: '01/01/2000',
    firstDay: 1
  });
});

score 1 · Accepted Answer

jqueryui.com/downloadからdatepickerをダウンロードし、1.7.2バージョンを入手しましたが、それでもonSelect機能が機能しませんでした。これが私が持っていたものです-

$("#datepicker").datepicker();

$("#datepicker").datepicker({ 
      onSelect: function(value, date) { 
         alert('The chosen date is ' + value); 
      } 
});

私はこのページで解決策を見つけました-jquerydatepickeronselectの問題。$（ "＃datepicker"）。datepicker（）;を削除しました。一度そしてそれは働いた。

score 0 · Accepted Answer

jQuery UI DatePickerプラグインを使用している場合は、「datePicker」ではなく「datepicker」にする必要があります。おそらく、selectハンドラーをサポートしていない、異なるが類似したプラグインがあります。

jquery - jQuery datepicker、onSelectは機能しません

8 に答える 8

Related

Reference