Angularjs 角度Pikaday多日期格式

Angularjs 角度Pikaday多日期格式,angularjs,angularjs-directive,datepicker,pikaday,Angularjs,Angularjs Directive,Datepicker,Pikaday,我正在我的angular JS应用程序中使用日期选择器插件 提交时是否可能有不同的查看格式和格式 例如:2014年1月1日显示器 2014年1月1日提交表格时 我知道我可以在发布内容时应用过滤器。然而,由于日期选择器已在许多地方使用,我必须在所有地方分别使用。如果插件用某种格式更新我的ng模型,但显示方式不同,那就太好了。您可以使用angularjs指令格式化程序和解析器来实现这一点。 例如,使用moment.js: app.directive('fdate', function () {

我正在我的angular JS应用程序中使用日期选择器插件

提交时是否可能有不同的查看格式和格式

例如:2014年1月1日显示器 2014年1月1日提交表格时


我知道我可以在发布内容时应用过滤器。然而,由于日期选择器已在许多地方使用,我必须在所有地方分别使用。如果插件用某种格式更新我的ng模型,但显示方式不同,那就太好了。

您可以使用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>
我发现这把小提琴就是一个例子: