Angular Pikaday 多日期格式

【问题标题】：Angular Pikaday multiple date formatAngular Pikaday 多日期格式
【发布时间】：2014-08-07 16:25:37
【问题描述】：

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

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

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

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

【问题讨论】：

标签： angularjs angularjs-directive datepicker pikaday

【解决方案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/

【讨论】：