2013-01-12 187 views
0

我需要添加一個日期選擇器到我的網站(現場比分網站)我需要根據所選日期更改燈具。 我已經嘗試了很多jquery datepickers,但我總是得到同樣的問題是: 我不能改變燈具,當我選擇一個新的日期我試過jQuery事件(選擇,改變,生活,.....)沒有工作我也無法從文本框中獲取日期以獲取相關的燈具? 這是我所工作的一個示例代碼(我不能甚至警告上的變化):日期選擇器問題

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script type="text/javascript" src="zebra_datepicker.js"></script> 
    <link rel="stylesheet" href="zebra_datepicker.css" type="text/css"> 
    <script> 
    $(document).ready(function() { 

    // assuming the controls you want to attach the plugin to 
    // have the "datepicker" class set 
    $('input.datepicker').Zebra_DatePicker(); 

}); 
$(".datepicker").change(function(){alert('basel')}); 
    </script> 
    </head> 
<body><input type="text" name="your_input" class="datepicker"/></body> 
<footer></footer> 
</html> 

我希望得到一個很快回答THX

+0

你應該閱讀datepickers'文檔。他們中的大多數都實現自己的onchange事件,斑馬似乎使用'onSelect'。 – JJJ

回答

1

jQueryUI的覆蓋變化的功能,所以你要使用jQueryUI事件,例如onSelect。

$('input.datepicker').datepicker({ 
    onSelect: function() { alert("Test"); } 
}); 

當然,所有這一切都在文檔中:

http://api.jqueryui.com/datepicker/#option-onSelect

+0

非常感謝你,我沒有注意到重寫的東西,鏈接幫了我很多。 – user1882225