angularjs – angular-ui datepicker日期戳的初始状态,每个datep

发布时间：2020-12-17 08:10:30 所属栏目：安全来源：网络整理

导读：我正在使用一个角色的日期标记器，除了datepicker的初始状态之外，所有内容都正常工作。在我选择日期之后，看起来不错。见下文：初始状态在选择器中选择日期后所以，显然我得到了第一种情况下的日期对象的strigified版本，并选择一个日期格式化。标记 in

我正在使用一个角色的日期标记器，除了datepicker的初始状态之外，所有内容都正常工作。在我选择日期之后，看起来不错。见下文：

初始状态

在选择器中选择日期后

所以，显然我得到了第一种情况下的日期对象的strigified版本，并选择一个日期格式化。

标记

<input type="text" class="form-control"
       id="birthday"
       datepicker-options="datePickerOptions"
       datepicker-popup="{{format}}"
       data-ng-model="birthday"
       data-is-open="opened"
       data-ng-required="true"
       data-close-text="Close"/>

<span class="input-group-btn">
    <button type="button"
            class="btn btn-default"
            data-ng-click="open($event)">
        <i class="fa fa-calendar"></i>
    </button>
</span>

控制器

var today = $scope.today = function today() {
    $scope.birthday = $scope.client.birthday || new Date();
};
today();

$scope.clear = function clear() {
    $scope.dt = null;
};

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

    $scope.opened = true;
};

$scope.format = 'MMM d,yyyy';
$scope.datePickerOptions = {
    'show-weeks': false
};

不是一个很大的交易，但如果模型(根据文档需要是一个日期对象)，则以$ scope.format为格式开始，而不是一个strigated的日期对象，这将是非常好的。另外，不知道它有什么区别，但是这个datepicker是一个模态。感谢任何帮助！

UPDATE

看起来我不是唯一一个遇到这种情况的人，它与使用角度1.3有关。 https://github.com/angular-ui/bootstrap/issues/2659

哪里/哪里有解决方案我发现他们很冗长，处理指令等等。所以我喜欢这个短的

birthday = $filter('date')(new Date(),"MMM dd,yyyy");

注意：不要忘记将内置的$ filter服务注入到控制器中

angular.module('app').controller("yourController",['$filter' function($filter){ 
       /* your code here */  

       birthday = $filter('date')(new Date(),yyyy");

       /* your code here */ 
}]);

希望这可以帮助。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!