angularjs – angular-ui datepicker日期戳的初始状态,每个datepicker-popup不格式化

前端之家收集整理的这篇文章主要介绍了angularjs – angular-ui datepicker日期戳的初始状态,每个datepicker-popup不格式化前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用一个角色的日期标记器,除了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 */ 
}]);

希望这可以帮助。

原文链接:https://www.f2er.com/angularjs/144365.html

猜你在找的Angularjs相关文章