如何使用 angular 2 或 javascript 从客户端计算机获取日期和时间格式?

Posted

技术标签:

【中文标题】如何使用 angular 2 或 javascript 从客户端计算机获取日期和时间格式?【英文标题】:How to get the Date & Time format From Client Machine using angular 2 or javascript? 【发布时间】:2018-01-04 17:24:04 【问题描述】:
transform(value: any): any 
    var customdate = new DatePipe(navigator.language);
    value = customdate.transform(value,"dd-mm-yyyy");
    return value;
   

我需要在“dd-mm-yyyy”的地方获取客户机器的日期格式。

【问题讨论】:

var today = new Date();返回 String((today.getDate() Getting current date and time in javascript的可能重复 @eshirima OP 似乎想要获取 format 而不是日期和时间本身。 它可能与how to get local date/time format? 或JavaScript - Get system short date format 重复。 【参考方案1】:

不幸的是,似乎没有办法从浏览器中获取首选日期格式。您可以获得有关用户所在的 locale 的某些信息,并且您可以从中推测出适当的默认值。例如,以下 sn-p 使用 ECMAScript 国际化 API(在回答 how to get local date/time format? 后发布):

console.log(new Intl.DateTimeFormat().resolvedOptions())

/*
On my machine, this outputs:

  "locale": "en-US",
  "calendar": "gregory",
  "numberingSystem": "latn",
  "timeZone": "America/New_York",
  "year": "numeric",
  "month": "numeric",
  "day": "numeric"

*/

根据这些信息,您应该能够使用服务器端语言/框架来构建必要的格式。例如,在 .NET 中,使用 C#:

var culture = System.Globalization.CultureInfo.CreateSpecificCulture("en-US");
var dateTimeInfo = culture.DateTimeFormat;
var formats = dateTimeInfo.GetAllDateTimePatterns();
// formats now contains a list of formats for this culture

【讨论】:

【参考方案2】:

只需使用 Javascript Date 对象获取当前日期。

var currentDate = new Date();

https://www.w3schools.com/js/js_dates.asp

然后使用 toLocaleDateString() 函数获取语言环境格式。

console.log(date.toLocaleDateString());

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

【讨论】:

这会让他们得到日期,以正确的语言环境格式化,但不是格式本身。考虑在 11 月 11 日运行它。如何判断格式是 MM/DD 还是 DD/MM?

以上是关于如何使用 angular 2 或 javascript 从客户端计算机获取日期和时间格式?的主要内容,如果未能解决你的问题,请参考以下文章

Angular 材料 2:如何区分一个组件中的 2 个或多个可排序表?

如何使 textarea 元素填充整个父 div 网格框(使用 angular-gridster2 或 gridster 库)?

使用 Jasmine 进行 Angular 单元测试:如何删除或修改 spyOn

如何使用 angular 2 或 javascript 从客户端计算机获取日期和时间格式?

9-angular.fromJson

如何使用 NPM 安装 Angular 2?