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

Question

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

我想使用angular-ui-bootstrap库，因为它避免了Jquery依赖。 问题是，即使它包含一个datepicker和一个timepicker，似乎不可能让他们在一个漂亮的布局弹出。

我发现想要做的正是我的角度-UI-引导做一个组件： http://www.malot.fr/bootstrap-datetimepicker/demo.php

的问题是，它使用jQuery和我们需要包含大量的JavaScript文件whih使该页面有点沉重，只是为了这个需要...

我调查了angular-ui-bootstrap github回购，发现this issue其中包含一个plunker样本，部分解决了我的问题，但这个例子没有可能选择时间。

有谁知道现在是否有可能使用angular-ui-bootstrap datepicker和timepicker来选择日期时间？

Answer 1

问题是某种旧的，但如果有人仍在寻找答案，这里是我的timepicker-popup的实现，纯粹是以角度写的。

plunkr

我是角-UI-自举日期选择器-弹出和timepicker具有可切换秒能力的混合物。

所以，玩得开心！

Answer 2

为什么不尝试在对话框中使用它？我制作了一个带有道场它看上去很不错：

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

Answer 3

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

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