内联 Jquery 时间选择器答案

【问题标题】：Inline Jquery Timepicker内联 Jquery 时间选择器
【发布时间】：2011-11-22 18:00:21
【问题描述】：

Trent Richardson 的出色 Jquery Timepicker 插件而不是 Jquery UI 日期选择器，但我似乎无法像 datepicker in Jquery UI 那样显示 datetimepicker 或 timepicker 内联。

这应该是所有需要的代码，至少它是如何与 Jquery UI 日期选择器一起工作的：

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

以同样的方式使用日期选择器将导致始终显示的内联日历，无需单击输入字段。

如何使用 datetimepicker 或其他 Jquery 插件显示内联时间选择器？

【问题讨论】：

Ben，在 github 上看到这个关于 timepicker inline 的内容：github.com/trentrichardson/jQuery-Timepicker-Addon/issues/254 所以也许它已经在 dev 分支中修复了。
@itsmatt 应该检查过问题；是的，开发版已经修复了内联功能。非常感谢，将其发布为答案，我会接受。
@BenBrocka - 不客气。很高兴它已修复。

标签： javascript jquery jquery-ui

【解决方案1】：

我认为您需要从输入文本元素而不是 div 元素调用 timepicker。

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

查看Fiddle

【讨论】：

从 div 调用它是获取内联选择器的方式，至少对于 datepicker 而言。文档说它支持原始日期选择器的所有选项

【解决方案2】：

原来这是一个known issue，实际上它已在Timepicker 的最新dev branch 中修复。使用 dev 分支，内联功能可以工作，我没有遇到任何问题。

【讨论】：

【解决方案3】：

这是来自静态 jquery datetimepicker 视图的工作代码：

    $('#datetimepicker').datetimepicker({
        inline: true,
        lang:'uz',
        // disabled: true,
        format:'d.m.Y H:i',
        // 
    });

在 html 中：

<div id="datetimepicker"></div>

【讨论】：