我正在尝试将角度ui引导程序datepicker集成到我的项目中,但我无法获取日历下拉列表以显示在我的代码中。按钮和标签显示,但在日历只是显示为一条线(的jsfiddle下文)Angular UI Bootstrap日期选择器不显示
的jsfiddle:https://jsfiddle.net/caraclarke/umwkt39j/
JS:
angular.module('ui.bootstrap').controller('DatepickerDemoCtrl', function ($scope) {
$scope.today = function() {
$scope.dt = new Date();
};
$scope.today();
$scope.clear = function() {
$scope.dt = null;
};
$scope.options = {
customClass: getDayClass,
minDate: new Date(),
showWeeks: true
};
function getDayClass(data) {
var date = data.date,
mode = data.mode;
if (mode === 'day') {
var dayToCheck = new Date(date).setHours(0,0,0,0);
for (var i = 0; i < $scope.events.length; i++) {
var currentDay = new Date($scope.events[i].date).setHours(0,0,0,0);
if (dayToCheck === currentDay) {
return $scope.events[i].status;
}
}
}
return '';
}
});
HTML:
<div ng-controller="DatepickerDemoCtrl">
<pre>Selected date is: <em>{{dt | date:'fullDate' }}</em></pre>
<h4>Inline</h4>
<div>
<div uib-datepicker ng-model="dt" class="well well-sm" datepicker-options="options"></div>
</div>
<hr />
<button type="button" class="btn btn-sm btn-info" ng-click="today()">Today</button>
<button type="button" class="btn btn-sm btn-danger" ng-click="clear()">Clear</button>
</div>
即使没有进行任何更改,只是复制代码,我无法让它正确显示。我也查了,我已经ui.boostrap包含在我的回购https://github.com/angular-ui/bootstrap/tree/master/src/datepicker/docs
的jsfiddle链接提供犯规包含引导模块。 :( –
抱歉没有命中更新,现在应该是 – caraclarke