內聯jquery時間選擇器

特倫特理查森的偉大的Jquery Timepicker插件而不是Jquery UI日期選擇器，但我似乎無法顯示datetimepicker或timepicker內聯，就像你可以使用datepicker in Jquery UI。內聯jquery時間選擇器

這應該是所有的需要的代碼，至少它是如何與jQuery UI的日期選擇器的工作原理：

<div class="timepicker"></div> 
<script> 
    $(function() { 
     $('.timepicker').timepicker({ 
     ampm: true 
     }); 
    }); 
</script>

使用在相同的方式，日期選擇器會導致總是出現，在線日曆沒有需要點擊一個輸入字段。

如何使用datetimepicker或其他Jquery插件顯示內聯時間選擇器？

來源

2011-11-22 Ben Brocka

Ben，在github上看到關於timepicker內聯的這個：https：//github.com/trentrichardson/jQuery-Timepicker-Addon/issues/254所以也許它在dev分支中是固定的。 – itsmatt

發佈HTML頁面 –

@itsmatt應檢查問題;是的，dev版本修復了內聯功能。謝謝你，把它作爲答案發布，我會接受。 –

事實證明這是一個known issue，它是實際上在最新dev branch的Timepicker。使用開發分支的內聯功能的作品，我沒有任何問題。

2011-11-22 19:37:59

我想你需要從輸入文本元素而不是div元素調用timepicker。

<input type="text" name="time" class="timepicker"/>

退房的Fiddle

2011-11-22 18:10:12

從div調用它是如何獲得內聯選擇器，至少對於datepicker。該文件稱它支持原始日期選擇器的所有選項 –

回答