2012-02-23 46 views
5

我正在嘗試實現Trent的timepicker,但我無法做到。我正在Chrome,Firefox和IE9中測試它。Trent Richardson timepicker和datetimepicker的問題

我已經導入了Jquery和Jquery UI。我能找到的唯一常見錯誤是Jquery UI不是完整版本(沒有幻燈片),但那不是我的情況。總之,這些錯誤有以下幾種

Cannot set property 'formatTime' of undefined (line ...) 
$.datepicker.formatTime = function(format, time, options) { (this is the line) 

Cannot call method '_newInst' of undefined 
$t.datepicker($.timepicker._newInst($t, o)._defaults); 

我要感謝所有幫助,我在jQuery的真新,我真的不明白這一點。

+0

請確保jQuery正在加載,並沒有提出任何錯誤本身。然後添加timepicker庫而不實例化它(根據需要註釋這些東西),並確保不會產生任何錯誤。這可能會幫助你縮小原因。最後仔細檢查你是如何初始化的 - 可能是你的電話是錯誤的。你會添加你的實例代碼和相關的html代碼片段嗎? – halfer 2012-02-23 21:20:14

+0

(順便說一句,當提問有關特定插件的問題時,可能不會廣爲人知,但爲該項目提供超鏈接到主頁是很有幫助的,這樣可以節省其他人不得不穀歌的時間。) – halfer 2012-02-23 21:21:35

+0

對不起,我忘記了鏈接。 JQuery UI的作品,我使用的日期選擇器小部件,並顯示我沒有問題。 這裏是Horario INICIO' '' 並且其中i調用日期選擇器 的JS的HTML '<用於= 「horaInicio」 標籤> '$('#hora_ini')。timepicker({});' – Frippie 2012-02-24 19:15:57

回答

1

今天早些時候我有這個完全相同的問題。我通過確保我有最新版本的jQuery和jQuery UI來解決它(首先,我只更新了jQuery並且問題持續存在)。我也會確保你有Trent Richardson的最新版本。

+0

沒有工作。我有最新版本的所有,我甚至嘗試與特倫特的開發最新版本,但我不能,這真的很煩我.. 謝謝 – Frippie 2012-02-23 18:22:36

+0

嘗試這一個,而不是https://github.com/keithhackbarth/jquery-datetime -picker – keithhackbarth 2013-04-09 23:07:24

0

昨晚我的問題完全一樣。問題的原因證明,timepicker JavaScript文件是在jQuery UI之後加載的。由於timepicker想要使用本應該在jQuery UI中初始化的$.datepicker,因此失敗了。

在我個人的情況下,我在Ruby on Rails環境中使用它,並且讓我通過asset pipeline處理JavaScript加載的順序。這是一個很好的環境,可以自動縮小來處理javascript加載。但我放棄了這一點,並返回手動鏈接js文件,瞧!有效。

1

與對象作爲輸入使用它,這意味着額外的花括號:

<input type="text" name="pickuptime" id="pickuptime" value="" /> 
$('#pickuptime').datetimepicker({ }); 

,而不是這樣的:

<input type="text" name="pickuptime" id="pickuptime" value="" /> 
$('#pickuptime').datetimepicker(); 
1

下載jQuery的UI here的完整版本,但檢查所有的框,包括「日期選擇器」。然後替換你的jquery-ui js文件並運行你的項目。爲我工作。你的約會時間選擇器之前和jQuery參考後

0

您似乎有一個問題提到的jQuery UI與日期選擇器

從日期時間選擇器網站

enter image description here

試試這個參考

<script type="text/javascript" 
src="http://code.jquery.com/ui/1.10.3/jquery-ui.js">