在弹出窗口中使用angular-ui-bootstrap日期选择器和时间选择器

Question

我需要我的用户能够选择输入字段中的特定日期时间。

我想使用angular-ui-bootstrap库，因为它避免了对Jquery的依赖。问题是，即使它包含一个日期选择器和一个时间选择器，似乎也不可能将它们放在一个布局良好的弹出窗口中。

我找到了一个组件，它可以执行我想使用angular-ui-bootstrap执行的操作：http://www.malot.fr/bootstrap-datetimepicker/demo.php

问题是它使用Jquery，我们需要包含大量的javascript文件，这使得页面对于这个需求来说有点笨重……

我在angular-ui-bootstrap github库中进行了调查，发现this issue包含一个柱塞样本，部分解决了我的问题，但在这个例子中，没有选择时间的可能性。

有没有人知道现在是否可以使用angular-ui-bootstrap日期选择器和时间选择器来选择日期时间？

Answer 1

也许这能帮上忙。我创建了一个日期时间选择器，它包装了日期和时间选择器。你都能在这找到你的需要

https://github.com/Gillardo/bootstrap-ui-datetime-picker

Answer 2

这个问题有点老了，但如果有人还在寻找答案，这里是我的timepicker-popup的实现，纯粹是用angular编写的。

plunkr

我是angular-ui-bootstrap datepicker-popup和timepicker的混合体，具有可切换的秒功能。

所以，祝你玩得开心！

Answer 3

为什么不试着在对话框中使用它呢？我用dojo做了一个，看起来很棒：

http://jsfiddle.net/eugenia96/t9bae/

var dojoConfig = (function() {
    var base = location.href.split("/");
    base.pop();
    base = base.join("/");

    return {
        async: true,
        isDebug: true,
        parseOnLoad: true,
        packages: [{
                name: "demo",
                location: base + "/"
            }]
    };
})();