不能在Angular UI中使用日期選擇器

In this plunk我有一個Angular UI日期選擇器，它顯示在輸入字段下方。我希望日曆顯示在字段的頂部，所以我嘗試了popup-placement="top-left"，但它不起作用。有任何想法嗎？不能在Angular UI中使用日期選擇器

HTML

<p class="input-group"> 
     <input type="text" class="form-control" ng-model="dt" is-open="opened" 
      datepicker-popup="dd-MMM-yyyy" popup-placement="top-left" 
      datepicker-options="dateOptions" ng-required="true" close-text="Close" /> 
     <span class="input-group-btn"> 
     <button type="button" class="btn btn-default" ng-click="open1($event)"> 
      <i class="glyphicon glyphicon-calendar"></i> 
     </button> 
     </span> 
    </p>

的Javascript

var app = angular.module('app', ['ui.bootstrap']); 
app.controller('ctl', function ($scope) { 


    $scope.opened = false; 

    $scope.dateOptions = { 
     showWeeks: false 
    }; 


    $scope.open1 = function(event){ 
     event.preventDefault(); 
     event.stopPropagation(); 
     $scope.opened = true; 
     }; 


});

來源

2016-03-18 ps0604

popup-placement指令並不0.13 ui-bootstrap版本存在。它似乎只是自版本1.2.0以來才添加。

最好的事情是更新你的版本，以前的版本似乎不支持該選項（你總是可以操縱css，但這是非常危險的）。

Working plunker更新了ui-bootstrap和angular版本。

來源

2016-03-18 12:45:21 Daniel

是的，你是對的！ –

我已經解決了你的問題，並創建了一個plunker：http://plnkr.co/edit/PsCjLBzWk5QRHO2EIPIe?p=preview。

您的ui-bootstrap版本應該更新。

您需要更新您的angularjs版本1.5.0，ui-bootstrap版本1.2.4，引導程序3.3.6，然後將uib-datepicker-popup="{{format}}"添加到您的datepicker輸入元素。

來源

2016-03-18 13:04:35

是的，你可以試試！ –

我不認爲我的答案與你的答案相同。我發佈了這個答案，這只是標誌着我嘗試解決這個問題！ –

不能在Angular UI中使用日期選擇器

回答

相關問題