标签：
通常我们服务器端的时间使用UTC格式，避免服务器的时区对最终的时间产生影响。而客户端需要根据具体的时区显示local time，本文将介绍如何将服务器的UTC time（基于asp.net web api实现的web service）与客户端的local time（基于ionic实现的hybrid app）进行相互转换。
应用场景：通常在请求结束之后，把服务器的数据转换成本地数据。
在service中定义filter，需要传入连个参数：utc格式的时间字符串和转换格式。
.filter(‘utcToLocal‘, function utcToLocal($filter) {
return function (utcDateString, format) {
if (!utcDateString) {
return;
}
if (utcDateString.indexOf(‘Z‘) === -1 && utcDateString.indexOf(‘+‘) === -1) {
utcDateString += ‘Z‘;
}
return $filter(‘date‘)(utcDateString, format);
};
})
在页面中使用filter：
<p>{{item.triggeredTimeString|utcToLocal:"yyyy-MM-dd HH:mm:ss"}}</p>
如何在directives中使用呢？需要重新定义utcToLocal函数，调用如下。注意：需要在根指令处声明$filter。
var utcToLocal = function(utcDateString) {
if (!utcDateString) {
return;
}
if (utcDateString.indexOf(‘Z‘) === -1 && utcDateString.indexOf(‘+‘) === -1) {
utcDateString += ‘Z‘;
}
return $filter(‘date‘)(utcDateString, "yyyy-MM-dd HH:mm:ss");
}
$filter(‘date‘)(utcDateString, "yyyy-MM-dd HH:mm:ss");
应用场景：通常调用服务发送数据时使用。
2.1 定义一个函数，使用UTC Date的构造函数来生成UTC时间。
var toUTCDate = function(date){
var _utc = new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
return _utc;
};
var localTime = new Date();
var utcTime = toUTCDate(localTime);
$log.info(localTime);
$log.info(utcTime);
2.2 直接使用库函数toUTCString:
var localTime = new Date(); var utc = localTime.toUTCString();
2.3 使用Moment.js：
var localTime = new Date();
moment.utc(localTime);
参考资料：
http://stackoverflow.com/questions/31778624/converting-local-time-into-utc-time-in-angularjs
https://github.com/urish/angular-moment
http://stackoverflow.com/questions/31785364/converting-date-from-local-time-zone-to-utc-and-then-to-local
标签：
原文地址：http://www.cnblogs.com/allanli/p/utc_time_local_time_conversion.html
