gpt4 book ai didi

javascript - AngularJs - 日期时间选择器打开一次

转载 作者:行者123 更新时间:2023-11-28 06:00:36 27 4
gpt4 key购买 nike

我有一个带有 bootstrap 的 angularJs 前端,并且我正在使用 datetimepicker 组件( https://github.com/dalelotts/angular-bootstrap-datetimepicker )。第一次运行良好,但是选择日期后就无法再打开该组件了。

来源在 Plunker

有人可以帮我吗?非常感谢!

代码如下

HTML:

    <!DOCTYPE html>
<html ng-app="plunker">

<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
<link rel="stylesheet" href="datetimepicker.css" />
<script src="moment.js"></script>
<script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.20/angular.js" data-semver="1.3.20"></script>
<script data-require="jquery@1.11.0" data-semver="1.11.0" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script data-require="angular-ui-bootstrap@0.11.2" data-semver="0.11.2" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.2.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="datetimepicker.js"></script>
<script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">

<div class="form-group">

<div class="dropdown">
<a class="dropdown-toggle" id="dateNow" role="button" data-toggle="dropdown" data-target="#" href="#">
<div class="input-group">
<input type="text" class="form-control"
ng-model="model.date"
>
<span class="input-group-btn">
<button type="button" id="dropdownDate" class="btn btn-default btn-xs">
<i class="glyphicon glyphicon-calendar"></i></button>
</span>
</div>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<datetimepicker data-ng-model="model.date" data-datetimepicker-config="{ dropdownSelector: '#dropdownDate', minuteStep: 1 }"/>
</ul>
</div>


</div>
</body>

</html>

Javascript

var app = angular.module('plunker', ['ui.bootstrap', 'ui.bootstrap.datetimepicker']);

app.controller('MainCtrl', function($scope) {
$scope.name = 'World';

$scope.model = {
date: new Date()
};

});

最佳答案

看起来您正在将 dateStatus 设置为 true,而您可能希望 dateStatus.open 为 true。尝试 $scope.dateStatus.open = true;而不是 $scope.dateStatus = true;在你的开放函数中

关于javascript - AngularJs - 日期时间选择器打开一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37301055/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com