jquery datepicker angularjs dateformat答案

【问题标题】：jquery datepicker angularjs dateformatjquery datepicker angularjs dateformat
【发布时间】：2016-08-31 11:10:58
【问题描述】：

我正在使用 AngularJS 指令的 html 页面中使用 jqdatepicker。我将 jqdatepicker 中的日期保存到数据库中，格式为：2016-08-30。这是角度指令：

validationApp.directive('jqdatepicker', function () {
    return {
        require: 'ngModel',
        link: function (scope, el, attr, ngModel) {
            $(el).datepicker({
                minDate: 0,
                dateFormat: 'dd/mm/yy',
                onSelect: function (dateText) {
                    scope.$apply(function () {
                        ngModel.$setViewValue(dateText);
                    });
                }
            });
        }
    };
});

这里是html代码：

<input type="text" ng-class="highlightDateColor($index)" ng-disabled="enableDisableDateAndStatus($index)" input-arrow select-me value="6858"
ng-init="date['field_'+$index]=row['FOLLOWUP_RMDR_DT']" value="{{row['FOLLOWUP_RMDR_DT']}}" name="date['field_'+$index]" 
 ng-model="date['field_'+$index]" jqdatepicker ng-change="reminderDateBlur(row,$index)" />

在设置日期时，jqdatepicker 在数据库中设置正确的值，但在前端从数据库中检索它时显示： 2016-08-30T00:00:00

我希望输出为：08/30/16

【问题讨论】：

标签： jquery angularjs datepicker

【解决方案1】：

当您检索值时，为什么不在 html 中尝试这样的 {{dateValue|date:'MM/dd/yyyy' }}。这将根据您的要求格式化您的日期。

【讨论】：

谢谢。我已经尝试过了，但没有按预期工作。

【解决方案2】：

我们可以通过在 Angular js 中使用 $filter 来解决这个问题。我创建了一个具有 formatdate 函数的工厂，我们可以在需要格式化值时使用此函数。

app.factory('helper', function ($filter) {
    return {
        formatdate: function (dateParam) {
            var date= $filter('date')(dateParam,'MM/dd/yyyy');
            return date;
        }
    }
});

【讨论】：