Question

我在我的角度JS应用程序中使用Pikaday日期选择器插件。

提交时是否可以使用不同格式的视图和不同格式？

例如：2014年1月1日（显示） 2014年1月1日（提交表格时）

我知道我可以在发布内容时应用过滤器。但是，由于日期选择器已在许多地方使用，我必须分别在所有地方进行。如果插件使用特定格式更新我的ng-model，但以不同方式显示它将会很棒。

Answer 1

您可以使用angularjs指令（格式化程序和解析器）来实现此目的例如，使用moment.js：

app.directive('fdate', function () {
    return {
        require: 'ngModel',
        link: function(elem, $scope, attrs, ngModel){
            ngModel.$formatters.push(function(val)
            {
                return moment(val).format("DD/MM/YYYY");
            });
            ngModel.$parsers.push(function(val){
                return moment(val, "DD/MM/YYYY").valueOf();
            });
        }
    }
});

并在你的HTML中：

<input type="text" ng-model="obj.yourdate" fdate>

我发现这个小提琴就是一个例子： http://jsfiddle.net/arunpjohny/wNBAn/

Angular Pikaday多日期格式

1 个答案: