Javascript 使用angular和jquery在h4中显示为默认值的boostrap datepicker

我使用Boostrap datepicker获取日历中的选定日期，并将其放入

html标记中

但我想做的是，当h4第一次打开时，显示今天的默认值

angular.js+jquery

   function link($scope, $element) {
      var $datepicker = $element.find('.date-picker').datepicker();
      $scope.TodayDate = new Date();
      $scope.activeDate = '';
      $datepicker.change(function() {
        $scope.activeDate = $(this).find('input').val();
        $scope.$apply();
    });

html:

<div>: {{TodayDate | date:"dd-MM-yyyy"}} </div>
<h4 class="pull-left" ng-show="activeDate">
              Active date: <span>{{activeDate}}</span>
</h4>
<div class='input-group date date-picker pull-right current-view'>
  <input type='text' class="form-control" placeholder="{{placeholder}}" />
  <span class="input-group-addon">
     <span class="glyphicon glyphicon-calendar"></span>
  </span>
</div>

：{{TodayDate | date:“dd-MM-yyyy”}
活动日期：{{activeDate}

---

编辑：我可以得到今天，但现在的问题是：当我在日历中选择一天时，会显示两个不同的日期。如何使用日历中选择的新日期仅更新今天的日期？

您可以使用Angular ng init指令在页面加载时显示当前日期。不需要从日期选择器获取日期

加载日期后，您可以单击日期选择器，并使用ng click功能，将日期设置为h4标记。否则，如果不点击datepicker，获取它的值将是一团混乱