2014-09-30 197 views
1

我的日期選擇器有問題。我需要自定義這個日期選擇器,但是當我嘗試定製它們時不起作用。 例子:OnSelect日期選擇器不起作用

我有這樣的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)日期點擊不會出現。

謝謝你

+0

當然,你已經包括'jquery'和'jquery-ui'並且等待文檔準備就緒,或者讓你的代碼放在你身體的盡頭? – 2014-09-30 13:56:26

+1

您的代碼工程http://jsfiddle.net/m443no17/ :) – 2014-09-30 13:56:43

+0

您使用的是哪個datepicker庫?如果你沒有使用jqueryUI,你可能不會得到onSelect事件... – 2014-09-30 13:59:44

回答

0

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

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

希望在導入所有datepicker和ofcourse jQuery正確的版本所需的庫。

FYI: - 正在執行這個腳本

+0

我在jQuery上的版本是1.11.1。我不明白爲什麼它不起作用。 – 2014-09-30 14:29:22

0

Inlcude jQuery和jQuery UI的圖書館,然後在文件準備好之前你DOM應該準備好加入你的代碼http://jsfiddle.net/m443no17/

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

是的,我有一個DOM準備好了,我的日期選擇工作,只是當我點擊我的警報沒有出現的日期。 – 2014-09-30 14:04:48

+0

必須有另一個問題,因爲你的代碼工作在jsfiddle :) – 2014-09-30 14:09:15

+0

我知道,但我不知道什麼是另一個問題。 – 2014-09-30 14:16:20