为什么日期选择器会自动打开?

时间:2013-08-07 20:29:11

标签: angularjs

使用以下代码,我的日期选择器始终打开,我看不到输入区域:

HTML:

<td ng-controller="notificationModalController">
    <span><strong>End Date</strong></span>
    <input type="text" name="notification.text" ng-model="notification.text" datepicker="">
</td>

JS:

app.directive('datepicker', function () {
return {
    require: 'ngModel',
    link: function (scope, el, attr, ngModel) {
        $(el).datepicker({
            autoclose:true,
            onSelect: function (dateText) {
                scope.$apply(function () {
                    ngModel.$setViewValue(dateText);
                });
            }
        });
    }
};
});

我正在使用这个主题以防万一:

http://wrapbootstrap.com/preview/WB0T41TX4

为什么datepicker总是打开?我希望它的行为与主题样本中的一样,但这是我得到的最接近的:

enter image description here

1 个答案:

答案 0 :(得分:1)

bootstraper datepicker不提供onSelect方法。尝试这样的事情:

el.datepicker({
    startDate: new Date(),
    format: 'dd.mm.yyyy',
    autoclose: true
}).on('changeDate', function (e) {
    someVar = e.date;
});