Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角度UI日期选择器中的放置不起作用_Angularjs - Fatal编程技术网

Angularjs 角度UI日期选择器中的放置不起作用

Angularjs 角度UI日期选择器中的放置不起作用,angularjs,Angularjs,我有一个角度UI日期选择器,显示在输入字段下面。我希望日历显示在字段的顶部,因此我尝试了使用popup placement=“top left”,但它不起作用。有什么想法吗 HTML 弹出位置指令在ui引导程序0.13版上不存在。 它似乎只是从版本1.2.0开始添加的 最好的办法是更新您的版本,以前的版本似乎不支持该选项(您总是可以操作css,但这相当危险) 更新了ui引导程序和angular版本。弹出式放置指令在ui引导程序版本0.13上不存在。 它似乎只是从版本1.2.0开始添加的 最好的办

我有一个角度UI日期选择器,显示在输入字段下面。我希望日历显示在字段的顶部,因此我尝试了使用
popup placement=“top left”
,但它不起作用。有什么想法吗

HTML


弹出位置
指令在
ui引导程序
0.13版上不存在。 它似乎只是从版本
1.2.0
开始添加的

最好的办法是更新您的版本,以前的版本似乎不支持该选项(您总是可以操作
css
,但这相当危险)


更新了
ui引导程序
angular
版本。

弹出式放置
指令在
ui引导程序
版本0.13上不存在。 它似乎只是从版本
1.2.0
开始添加的

最好的办法是更新您的版本,以前的版本似乎不支持该选项(您总是可以操作
css
,但这相当危险)


使用更新的
ui引导程序
angular
版本。

我已经解决了您的问题并创建了一个plunker:

您的ui引导版本应该更新


您需要更新angularjs版本1.5.0、ui引导版本1.2.4、引导版本3.3.6,然后将
uib datepicker popup=“{format}}”
添加到您的datepicker输入元素。

我已经解决了您的问题并创建了一个plunker:

您的ui引导版本应该更新


您需要更新angularjs版本1.5.0、ui引导版本1.2.4、引导版本3.3.6,然后将
uib datepicker popup=“{format}}”
添加到您的datepicker输入元素。

是的,您可以尝试!我想我的答案和你的不一样。我发布了这个答案,这只是我试图解决这个问题的标志!是的,你可以试试!我想我的答案和你的不一样。我发布了这个答案,这只是我试图解决这个问题的标志!
<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>
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;
      };


});