如何在AngularJS或Javascript中转换日期和时间格式

How to convert date & time format in AngularJS or Javascript?

本文关键字:日期 转换 时间 格式 Javascript AngularJS      更新时间:2023-09-26
var date = "2015-12-16";
//convert to "16 Dec 2015"
var time = "17:04:43";
//Convert to "5:04pm"

如何使用AngularJS或Javascript转换日期和时间格式?

你来了:

var date = "2015-12-16";
var dateInstance = new Date(date);

现在将$filter注入您想要的控制器/服务器/配置并像这样编写:

$filter("date")(dateInstance, "MMM dd yyyy") == "16 Dec 2015"

如果要在 HTML 中执行此操作,请将其绑定到$scope

$scope.dateInstance = dateInstance;

在 HTML 中:

{{dateInstance | date: 'MMM dd yyyy'}}

当您向视图 (UI( 发送值时,您可以在 angularJs 中使用过滤器,如下所示

{{ user.creation_time | date:'medium' }}

您将在 UI 中获得正确的日期。

var arr = ["jan","feb","march","april","may","june","july","aug","sep","oct","nov","dec"];
var d = new Date();
var month = arr[d.getMonth()];
var day   = d.getDate();
var year  = d.getFullYear();
console.log(day +"-" + month + "-" + year);
var hour = d.getHours();
var min = d.getMinutes();
var temp = "AM";
if(parseInt(hour)  > 12 ){
  hour = hour % 12 ;
  temp = "PM"; 
}
console.log(hour + ":" + min + " " + temp);

这将帮助您:

var month = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var date = new Date();
var monthIndex = date.getMonth() + 1;
var minute = date.getMinutes() > 9 ? date.getMinutes() : "0" + date.getMinutes();
var hour = date.getHours();
var amPm = "am";
if (date.getHours() == 12) {
    amPm = "pm";
}
if (date.getHours() > 12) {
    hour = date.getHours() % 12;
    amPm = "pm";
}
var time = hour + ":" + minute + amPm;
/* getting time*/
var fullDay = date.getDate() + " " + month[monthIndex - 1] + " " + date.getFullYear()
<script>
  angular.module('app', [])
    .controller('testCtrl', ['$scope', function($scope){
      var months =  ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
      var d = "2015-12-16";
      var date = new Date(d);
      var day   = date.getDate();
      var year  = date.getFullYear();

      console.log(day +"-" + months[date.getMonth()] + "-" + year);
    }])
</script>

plunker代码在这里