OnSelect日期選擇器不起作用

Question

我的約會選擇器有問題。 我需要自定義此日期選擇器，但是當我嘗試自定義它們時不起作用。 例：

我有這個html代碼：

<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
    <input type="text" class="form-control" data-target="#job-date_start"  name="date_start" title="" id="datestart" class="xlarge required" readonly>
    <input type="hidden" id="job-date_start" value="" name="job[date_start]" />
</div>

在JavaScript上，我嘗試：

$('#datestart').datepicker( {
    onSelect: function(date) {
        alert(date);
    },
});

我的問題是，當我在日期選擇器中單擊一個日期時， console.log(test)不出現。

謝謝

Answer 1

當然，它會按照您的寫作方式工作。 但是,如果您只有一個helper ,則不需要。

 $('#datestart').datepicker( {
      onSelect: function(date) {
          alert(date);
    }
});

希望您已經導入了datepicker和jQuery正確版本所需的所有庫。

FYI ：-在執行此腳本之前，您的DOM應該已經准備好

Answer 2

包括jquery和jquery ui庫，然后在文檔准備就緒時添加代碼http://jsfiddle.net/m443no17/

$(document).ready(function () {
    $('#datestart').datepicker({
        onSelect: function (date) {
            alert(date);
        },
    });
});