使用即时Angularjs设置日期格式
Format date using moment Angularjs
我试图在Angularjs中使用moment来格式化日期,但这对我不起作用http://jsfiddle.net/sed6x5e8/下面是我的代码。
HTML:
<div ng-app="miniapp">
<div ng-controller="Ctrl">
<div>
Actual Date: {{date}}
<br><br>
Formatted Date: {{formattedDate}}
</div>
</div>
</div>
JS:
var $scope;
var app = angular.module('miniapp', [])
function Ctrl($scope) {
$scope.date = '2/13/2015';
$scope.formattedDate = moment($scope.date).format('YYYY-MM-DD');
}
AngularJS有一个内置的日期过滤器。你不需要浪费时间,浪费资源。
<span>{{message.time | date}}</span>
https://docs.angularjs.org/api/ng/filter/date
我在我的一个项目中成功地使用了角矩。它有一个过滤器,允许您格式化日期。自述文件示例:
<span>{{message.time | amDateFormat:'dddd, MMMM Do YYYY, h:mm:ss a'}}</span>
示例
var app = angular.module("app", []);
app.constant("moment", moment);
app.controller("ctrl", function($scope, moment) {
$scope.date = new moment().format("D/MMM/YYYY");
var dat1 = new moment();
$scope.date3 = dat1.add('5', 'd').format('MMMM Do YYYY, h:mm:ss a');
});
Html
var app = angular.module("app", []);
app.constant("moment", moment);
app.controller("ctrl", function($scope, moment) {
$scope.date = new moment().format("D/MMM/YYYY");
var dat1 = new moment();
$scope.date3 = dat1.add('5', 'd').format('MMMM Do YYYY, h:mm:ss a');
});
<script src="https://momentjs.com/downloads/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
{{ date }}
</br>
</br>
{{date3}}
</div>
相关文章:
- 在输入类型日期中设置日期
- 在达到状态之前在Redux Reducer中设置日期格式
- Javascript设置日期不起作用,显示错误的时间
- 如何在我的情况下设置日期格式
- 时间戳日期&时间格式-应用程序脚本-设置日期和时间格式
- 引导日期选取器在显示时与在值上设置日期的格式不同
- 设置日期变量的格式
- Java 脚本 设置日期的最小值和最大值属性
- Javascript Date - 只设置日期,忽略时间
- 使用angular-moment.js设置日期格式
- Moment会在设置日期时自动更正无效日期
- Moment.js:根据浏览器语言设置日期格式
- 以给定的精度设置日期格式
- 使用即时Angularjs设置日期格式
- 使用DateAdd()在Javascript/Classic ASP中设置日期格式
- 从 UTC 字符串设置日期格式
- 如何设置日期滑块的选定范围的最小值
- 以角度格式设置日期格式
- 以角度设置日期格式
- 在 JavaScript 中设置日期时间顺序