【问题标题】:How to convert time in Angular如何在Angular中转换时间
【发布时间】:2017-11-14 09:59:56
【问题描述】:

我尝试将我的时间和日期从 06/15/2017 02:45 PM 转换为 Monday, June 6, 2017 02:45 PM 有没有办法解决这个问题?

这是我尝试过的:

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="">

<p>Date = {{ "06/15/2017T02:45Z" | date : "EEEE, MMMM d, y h:mm a" }}</p>

</div>

<p>The date can be a date object, milliseconds, or, like in this example, a datetime string.</p>

</body>
</html>

只有在我尝试时才有效:

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="">

<p>Date = {{ "06/15/2017T02:45Z" | date : "EEEE, MMMM d, y h:mm a" }}</p>

</div>

<p>The date can be a date object, milliseconds, or, like in this example, a datetime string.</p>

</body>
</html>

【问题讨论】:

  • 你能分享你的代码吗?
  • 使用 JS 库来做,比如 MomentJS。
  • 代码??请问??
  • 您无法使用 HTML 转换任何内容。你是说 JavaScript 吗?
  • 我基本上想要实现的是将存储在我的数据库中的时间作为 06/15/2017 02:45 PM 转换为类似 6 月 6 日星期一, 2017 02:45 PM 在网站前端显示之前可能使用 javascript 或 php

标签: javascript html angularjs time


【解决方案1】:

工作演示:https://jsfiddle.net/ddj1weez/3/

您可以使用 switch case 语句来比较当月的第一部分,然后将其余的日期附加到它:

switch(month){
    case "01":
    month_written = "Jan";
    break;
  case "02":
    month_written = "Feb";
    break;
  case "03":
    month_written = "Mar";
    break;
  case "04":
    month_written = "Apr";
    break;
  case "05":
    month_written = "May";
    break;
  case "06":
    month_written = "Jun";
    break;
  case "07":
    month_written = "Jul";
    break;
  case "08":
    month_written = "Aug";
    break;
  case "09":
    month_written = "Sep";
    break;
  case "10":
    month_written = "Oct";
    break;
  case "11":
    month_written = "Nov";
    break;
  case "12":
    month_written = "Dec";
    break;
}

但正如其中一位 cmets 所说,您应该考虑实现一个 JS 库。 https://momentjs.com/

【讨论】:

  • 很好,这真的很神奇,但是我如何添加像星期一这样的日子?
  • 没有添加那部分,但我会留给你。一点帮助:您可以使用此答案 (stackoverflow.com/a/17964363/3422027) 将最后一部分添加到日期中。希望这可以帮助你! :)
猜你喜欢
  • 2021-05-24
  • 1970-01-01
  • 1970-01-01
  • 2018-07-19
  • 2022-01-18
  • 2023-04-07
  • 1970-01-01
  • 2023-03-07
  • 2016-06-21
相关资源
最近更新 更多