Datetime x-可编辑引导日期时间选择器

Datetime x-可编辑引导日期时间选择器,datetime,twitter-bootstrap,datetimepicker,x-editable,Datetime,Twitter Bootstrap,Datetimepicker,X Editable,我无法让x-editable datetimepicker工作。我最近一直在处理其他几种数据类型,并取得了成功,但我无法找出我在挑选时间方面做错了什么 我只想选择时间。即使我试着用日期和时间来测试,它也不适合我 我很确定我已经包含了所有需要的js文件 任何帮助都将不胜感激 请参见此处的测试: $.fn.editable.defaults.mode='popup'; $('#提醒2_time')。可编辑(); 注意:我使用Combodate解决了这个问题。刚刚添加了combodate.j

我无法让x-editable datetimepicker工作。我最近一直在处理其他几种数据类型,并取得了成功,但我无法找出我在挑选时间方面做错了什么

我只想选择时间。即使我试着用日期和时间来测试,它也不适合我

我很确定我已经包含了所有需要的js文件

任何帮助都将不胜感激

请参见此处的测试:

$.fn.editable.defaults.mode='popup'; $('#提醒2_time')。可编辑();

注意:我使用Combodate解决了这个问题。刚刚添加了combodate.js和数据类型combodate。与datetime和datetimepicker相比非常简单

我最终使用了combodate,它可以工作。只需要添加combodate.js和data type=“combodate”

演示:

$.fn.editable.defaults.mode='popup'; $(“#提醒1时间”)。可编辑({ });

仍然不确定我以前做错了什么,但至少我找到了问题的解决方案。

请添加您自己的解决方案作为新答案,而不是编辑问题以显示您是如何解决的。这使得将来会看到这个问题的其他人更清楚,并且允许你的答案被投票支持/否决,并与可能给出的其他答案进行比较。如果你得到的答案是最好的,你甚至可以接受你自己的答案。好吧,我刚刚接受了,谢谢:)我不使用内联
数据-*
属性,但在遇到同样的问题后(是
文本
类型,而不是
日期时间
),但在初始化时实际设置了
类型之后,效果很好(
type:'datetime'
)。除此之外,确保页面中以及可编辑插件之前包含
datetime
picker JS和CSS。
<ul>    
<li>
<a href="#" id="reminder2_time" data-type="datetimepicker" data-format="hh:ii" data-placement="right" data-pk="1" data-url="/post" data-original-title="Morning Reminder">08:00 am</a>
</li>
</ul>
<script>
$.fn.editable.defaults.mode = 'popup';
$('#reminder2_time').editable();
</script>
<ul>
<li><a href="#" id="reminder1time" data-url="reminder1time.php" data-type="combodate" data-template="HH:mm" data-format="HH:mm" data-viewformat="HH:mm" data-pk="1"  data-original-title="Set Reminder 2">8:55 am</a></li>
</ul>
<script>
$.fn.editable.defaults.mode = 'popup';
$('#reminder1time').editable({
});
</script>