JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.angularjs.org/1.2.0rc1/angular.min.js"></script>
<div ng-app="myApp">
<div ng-controller="MyController">
<input type="text" ng-model="old.ship_date" /> <form ng-submit="UpdateShipment()">
<input type="text" format-Date ng-model="old.ship_date" />
<input type="submit" id="submit" value="Save" />
</form>
</div>
</div
JavaScript
var myApp = angular.module('myApp', []).controller('MyController', function ($scope) {
$scope.old = {
ship_date: '/Date(1359743400000)/'
};
$scope.UpdateShipment = function () {
alert($scope.old.ship_date);
}
}).directive('formatDate', function () {
return {
require: 'ngModel',
link: function (scope, element, attr, ngModelController) {
ngModelController.$formatters.unshift(function (valueFromModel) {
if (angular.isUndefined(valueFromModel)) {
return valueFromModel;
}
var date = new Date(parseInt(valueFromModel.substr(6)));
console.log(valueFromModel);
return date.toLocaleDateString();
});
}
};
});