Obtener la Fecha Actual con Angular JS 1.4.3

Nube Colectiva

hace 9 años

Demo Github

En algunas ocasiones necesitamos obtener la fecha actual para realizar determinadas acciones en Angular JS, felizmente Angular JS nos da la opción de obtener la fecha actual y también podemos formatearla para mostrarla de acuerdo a el requerimiento de nuestra aplicación. En esta oportunidad les voy a mostrar como hacerlo.

Obtener la fecha actual es muy sencillo, tan solo usamos el objeto scope con la siguiente instrucción:


$scope.CurrentDate = new Date();

$scope.CurrentDate = new Date();

Creamos nuestra vista para visualizar la fecha actual:

index.html


<div ng-app="miAplicacion" ng-controller="fechaController" align="center">
   <span id ="fecha">{{CurrentDate | date:'dd-MM-yyyy'}}</span>
</div>

<span id ="fecha">{{CurrentDate | date:'dd-MM-yyyy'}}</span>

</div>

Ahora creamos el archivo en donde colocaremos el código para obtener la fecha actual:

script.js


var app = angular.module('miAplicacion', [])
app.controller('fechaController', function ($scope) {
     $scope.CurrentDate = new Date();
});

var app = angular.module('miAplicacion', [])

app.controller('fechaController', function ($scope) {

$scope.CurrentDate = new Date();

});

Si deseas puedes formatear la fecha, para mas información has click en el siguiente link:

https://docs.angularjs.org/api/ng/filter/date

Listo !

Espero les sirva de mucho el Tutorial.

Sígueme en Twitter: @pepoflex

Hasta nuestro siguiente artículo !