Question

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

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

我发现了一个组件，它完全符合我对angular-ui-bootstrap的要求： http://www.malot.fr/bootstrap-datetimepicker/demo.php

问题在于它使用了Jquery，我们需要包含大量的javascript文件，这会使页面有点重，只是为了满足这种需求......

我在angular-ui-bootstrap github repo中进行了调查，发现this issue包含了一个可以解决我的问题的plunker示例，但是这个例子没有选择时间的可能性。

有人知道目前是否可以使用angular-ui-bootstrap datepicker和timepicker来选择日期时间？

Answer 1

也许这会有所帮助。我创建了一个包含日期和时间选择器的日期时间选择器。你可以在这里找到它

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

Answer 2

这个问题有些陈旧，但万一有人还在寻找答案，这里是timepicker-popup的实现，纯粹是用角度写的。

plunkr

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

所以，玩得开心吧！

Answer 3

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

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 + "/"
            }]
    };
})();

在弹出窗口中使用angular-ui-bootstrap datepicker和timepicker

3 个答案: