Question

我可以使用带角度的bootstrap 3日期选择器component吗？

我尝试过关注this教程，但我失败了，只有输入显示，但点击时没有日历。

修改这个pen有点类似于我的实际代码，我想要的是添加日期时间选择器。我知道有几个角度采样器，但我联系的那个更适合我的设计我相信。

angular.module('materialApp.directives')
    .directive('psDatetimePicker', function (moment) {
        var format = 'MM/DD/YYYY hh:mm A';

我有没有明显的错误？

Answer 1

您可以使用 ui-bootstrap的（AngularJS模块）datepicker。 Reference here.

Answer 2

尝试bootstrap-datepicker

github repo：https://github.com/eternicode/bootstrap-datepicker

演示：http://www.eyecon.ro/bootstrap-datepicker/

请尝试使用此日期与时间：

https://eonasdan.github.io/bootstrap-datetimepicker/

Answer 3

看看你的引导时间戳的documentation并且没有看到你的代码 - 我猜你没有加载任何东西。确保你已经包含了所有必需的内容...特别是bootstrap.js包含崩溃......你仍然需要使用Tarun提到的引导程序datetimepicker。

最低要求

jQuery
Moment.js
Bootstrap.js (transition and collapse are required if you're not using the full Bootstrap)
Bootstrap Datepicker script
Bootstrap CSS
Bootstrap Datepicker CSS
Locales: Moment's locale files are here

<head>
  <!-- ... -->
  <script type="text/javascript" src="/bower_components/jquery/jquery.min.js"></script>
  <script type="text/javascript" src="/bower_components/moment/min/moment.min.js"></script>
  <script type="text/javascript" src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
  <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" />
  <link rel="stylesheet" href="/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />
</head>

使用带角度的bootstrap日期选择器

3 个答案: