Angular Ui bootsrap datepicker无效

时间:2015-06-16 11:52:59

标签: angularjs bootstrap-datepicker angular-bootstrap

我有一个医生的卡片视图,带有按钮“预约”按钮,弹出一个日期选择器。

我一直在尝试使用angular ui bootstrap datepicker,但它无效。

然而我能够申请

<datepicker min="minDate" show-weeks="false"></datepicker>

我已经在stackoverflow中检查了有关同一问题的其他问题但似乎没有任何效果。我的疑问是我没有使用正确的bootstrap js或angular js。

编辑: 更新了plunker。我没有得到下拉引导程序datepicker。

http://plnkr.co/edit/uvYFVx?p=preview

1 个答案:

答案 0 :(得分:2)

将模态控制器内的open方法更改为

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

还在模态控制器中包含dateOptions对象或在输入元素上定义init-date属性

$scope.dateOptions = {
    formatYear: 'yy',
    startingDay: 1
};

请参阅此处的工作示例http://plnkr.co/edit/Ju3ShB?p=preview