如何在Ionic 3上使用Angular Pipe将日期转换为西班牙语

时间:2018-08-29 00:41:15

标签: angular date ionic-framework internationalization translate

我要从SQL Server 2014约会到我的Ionic项目。我正在显示一个日期,并且正在使用Angular管道进行格式化,但是它以英语显示了日期。我需要用西班牙语显示日期。我正在尝试使用I18n,但无法正常工作。我确定我实施的方式有误。

HTML

    <script src="angular.js"></script>
    <script src="i18n/angular-locale_es-mx.js"></script>
    <script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
    <script src="../../assets/js/angular-locale_es-mx.js"></script>
    <script>
        angular.mode('API', []).
        controller('theController', ['$scope', function($scope){
            $scope.date = new Date();
        }])
    </script>
</div>
<div class="row">
    <div class="col-md-4">
        <ion-icon class="ct-icon date-icon-info" name="appname-clock"></ion-icon>
    </div>
    <div class="col-md-8">
        <span class="dates-text" ng-non-bindable>Últ. actualización:</span>
        <span>{{travel.LastUpdateDate  | date: 'dd MMM, yyyy'}}</span> 
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

您可以使用开源的https://momentjs.com将日期转换为西班牙语。

您可以使用momentjs为日期创建自定义管道

示例:

moment().format('MMMM Do YYYY, h:mm:ss a'); // agosto 29º 2018, 8:51:39 am
moment().format('dddd');                    // miércoles
moment().format("MMM Do YY");               // ago. 29º 18
moment().format('YYYY [escaped] YYYY');     // 2018 escaped 2018
moment().format(); 

moment.locale('es');加强西班牙语