Question

我正在尝试实现datepicker - angular-bootstrap3-datepicker库，日期选择器工作正常，但在页面加载时分配值，日历月份没有刷新，仍然只显示当前月份。

请考虑以下代码：

<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" id="ng-app" data-ng-app='demo'>
<head>
<title>Angular Bootstrap3 Datepicker Demo</title>
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/angular-bootstrap3-datepicker.css" rel="stylesheet" />
</head>
<body>
<div>
    <div data-ng-controller='AppCtrl'>
        <div class='form-group'>
            <label>A date in canadian english</label>
            {{date2}}
            <datepickerstefan  id="date2" data-ng-model="date2" language="en-ca" date-format="YYYY-MM-DD" />
        </div>
    </div>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/angular.js"></script>
<script src="js/moment.js"></script>
<script src='js/fr-ca.js' charset='utf-8'></script>
<script src='js/angular-bootstrap3-datepicker.js' charset='utf-8'></script>
<script type='application/javascript'>
    var app = angular.module('demo', ['ng-bootstrap3-datepicker']);
    app.controller('AppCtrl', function ($scope) {
        $scope.date2 = "01-Jan-2015";
    });
</script>
</body>
</html>

参考屏幕截图：http://postimg.org/image/dso6nat17/

Answer 1

<script type='application/javascript'>
    var app = angular.module('demo', ['ng-bootstrap3-datepicker']);
    app.controller('AppCtrl', function ($scope) {
        $scope.date2 = "01-Jan-2015";
        $('#date2').datepicker();
    });
</script>

在页面加载时，angular-bootstrap3-datepicker日历弹出窗口没有更新

1 个答案: