使用帶有角度的引導日期選擇器

Question

我可以將bootstrap 3日期選擇器組件與angular一起使用嗎？

我嘗試按照本教程進行操作，但是我失敗了，僅顯示輸入，但是單擊時沒有日歷。

編輯：這支筆有點像我的實際代碼，我想要添加日期時間選擇器。 我知道有一些用於角度的日期選擇器，但我相信可以連接到我的設計中。

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

我犯了任何明顯的錯誤嗎？

Answer 1

您可以使用ui-bootstrap的 （AngularJS模塊）日期選擇器。 參考這里。

Answer 2

嘗試bootstrap-datepicker

github回購： https : //github.com/eternicode/bootstrap-datepicker

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

試試這個日期和時間：

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

Answer 3

看看引導時間選擇器的文檔，而沒有看到您的代碼-我想您沒有加載所有東西。 確保已經包含了所有必需的內容……尤其是bootstrap.js包含了折疊……並且您仍然需要使用Tarun提到的bootstrap 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>

使用帶有角度的引導日期選擇器

問題描述

3 個解決方案

解決方案1
2 已采納 2015-08-21 14:17:48

解決方案2
0 2015-08-21 14:19:09

解決方案3
0 2015-08-21 14:34:11

使用帶有角度的引導日期選擇器

問題描述

3 個解決方案

解決方案1 2 已采納 2015-08-21 14:17:48

解決方案2 0 2015-08-21 14:19:09

解決方案3 0 2015-08-21 14:34:11

解決方案1
2 已采納 2015-08-21 14:17:48

解決方案2
0 2015-08-21 14:19:09

解決方案3
0 2015-08-21 14:34:11