9

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

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

我找到了一个组件,它完全可以用 angular-ui-bootstrap 做我想做的事情:http: //www.malot.fr/bootstrap-datetimepicker/demo.php

问题是它使用 Jquery,我们需要包含很多 javascript 文件,这使得页面有点重,只是为了满足这个需要......

我在 angular-ui-bootstrap github repo 中进行了调查,发现这个问题包含一个 plunker 示例,它部分解决了我的问题,但是对于这个示例,不可能选择时间。

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

4

3 回答 3

14

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

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

于 2015-01-15T21:03:08.953 回答
5

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

plunkr

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

所以,玩得开心!

于 2014-02-12T09:19:50.283 回答
-1

您为什么不尝试将它与对话框一起使用?我用道场做了一个,看起来很棒:

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 + "/"
            }]
    };
})();
于 2014-03-15T00:16:26.197 回答