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

【问题标题】：x-editable bootstrap datetimepickerx-可编辑引导日期时间选择器
【发布时间】：2013-06-23 05:47:32
【问题描述】：

我无法让 x-editable datetimepicker 工作。我最近一直在使用其他几种数据类型并取得了成功，但无法弄清楚我在挑选时间方面做错了什么。

我希望能够只选择时间。即使我尝试使用日期和时间进行测试，它也不适合我。

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

任何帮助将不胜感激。

在此处查看测试：http://ventrabit.com/test/x-ed-time.php

<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>

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

【问题讨论】：

与其编辑问题以显示您如何修复它，不如添加您自己的解决方案作为新答案。这让将来会查看此问题的其他人更清楚，并允许您的答案被投票赞成/反对，并与可能给出的其他答案进行比较。如果它是你得到的最好的答案，你甚至可以接受自己的答案。
好的，我刚刚做了，谢谢:)
我不使用内联 data-* 属性，但在遇到同样的问题后（是 text 类型而不是 datetime）但在初始化时实际设置了 type它运行良好（type: 'datetime'）。除此之外，请确保 datetime 选择器 JS 和 CSS 包含在页面中和可编辑插件之前。

标签： datetime twitter-bootstrap datetimepicker x-editable

【解决方案1】：

我最终使用了有效的组合。只需要添加combodate.js 和data-type="combodate"。

演示：http://ventrabit.com/test/x-ed-time.php

<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>

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

【讨论】：