如何更改以编程方式选择的ui.bootstrap.datepicker弹出日期?

时间:2015-09-22 19:02:01

标签: angularjs angular-ui-bootstrap

我有一个清除按钮,按下时需要将input值重置为默认日期(今天)以及日期选择器弹出窗口中的按钮。我遇到的问题是按下“清除”按钮后,input文本控件中的日期水印值成功设置为默认日期。

标记:

<p class="input-group">
    <input type="text" class="form-control" placeholder="{{startPlaceHolder}}" datepicker-popup="{{format}}" ng-model="dtPopup" is-open="openedStart" datepicker-options="dateOptions" ng-required="true" close-text="Close" />

     <span class="input-group-btn">
       <button type="button" class="btn btn-default" ng-click="openStart($event)"><i class="glyphicon glyphicon-calendar"></i></button>
     </span>
</p>
<button class="btn btn-danger" type="button" ng-click="clearSearchData()"><i class=" glyphicon glyphicon-remove"></i></button>

AngularJS控制器:

$scope.clearSearchData = function () {
    $scope.filterDate.dtPopup= null;
    $scope.startPlaceHolder = $.datepicker.formatDate("mm-dd-yy", startdate);
}

$scope.startPlaceHolder = $.datepicker.formatDate("mm-dd-yy", startdate);

但是,再次打开日历时,按钮仍然会关注之前所选日期。我似乎无法获得正确的属性以编程方式重置所选的弹出日历日期。如何以编程方式更改所选的弹出日历日期按钮值?

1 个答案:

答案 0 :(得分:0)

也许这可能会有所帮助:

 .datepicker('update',date)