微信小程序wxs实现UTC转北京时间

微信小程序实现UTC转北京时间

打脸一刻:最近在迭代原生微信小程序,好一段时间没写原生的,有点不习惯;

咦,更新数据咋不生效呢?原来还停留在 this.xxx;

哟,事件又没反应了?传参咋报错了。。。,别做梦啦!传参用 data-xxx;

UTC 转 北京时间

  • 在 wxs 中 不支持使用 JS 全局对象和函数,例 new Date()等;
  • 可以使用 wxs 内置的一些简单函数和操作;
  • UTC 时间 与 北京时间相差 8小时;
javascript 复制代码
var formatNumber = function(n) {
	n = n.toString()
	return n[1] ? n : '0' + n
}

var utcToBeijingTime = function(time, type = 'date') {
	if (!time || arguments.length === 0) return '';
	var date;

	time = time.replace("Z", " ").replace(getRegExp('-', 'g'), "/");
	var ts = time.split('T');
	var t1 = ts[0];
	var t2 = ts[1].split('.')[0];
	time = t1 + " " + t2;
	time = getDate(time).getTime() + 8 * 3600000;
	date = getDate(time);

	var y = date.getFullYear();
	var m = formatNumber(date.getMonth() + 1);
	var d = formatNumber(date.getDate());
	var h = formatNumber(date.getHours());
	var M = formatNumber(date.getMinutes());
	var s = formatNumber(date.getSeconds());

	var formatStr = y + '-' + m + '-' + d;
	if (type == 'datetime') return formatStr += ' ' + h + ':' + M + ':' + s;

	return formatStr
}


module.exports = {
    utcToBJTime: utcToBeijingTime
}

使用

javascript 复制代码
<wxs src="../../utils/filter.wxs" module="filter" />
 
<view>{{ filter.utcToBJTime(currentDate) }}</view>
相关推荐
极限挑战哥7 小时前
共享电单车联营平台分账架构实践:二清合规与自动分账零人工方案
java·大数据·人工智能·微信小程序·架构·微信公众平台
云-缩影15 小时前
拆解微信小程序后端架构:ECS、RDS、SSL 和 VPC 怎么配合
微信小程序·架构·ssl
拖孩16 小时前
AI 帮我写的小程序上线 44 天:36 个人进了收银台,8 个人付钱
前端·后端·微信小程序
sinat_267611911 天前
用 AI 开发微信小程序(八):一个极简收纳工具的开发复盘
微信小程序·小程序
李纲明2 天前
微信小程序真机预览白屏或 request 失败:先核 request 合法域名与 TLS,再查体验版与本地缓存
缓存·微信小程序·小程序·小程序开发·devdiy·真机预览·合法域名
计算机毕设定制辅导-无忧学长3 天前
《基于物品协同过滤的闲置书换购微信小程序设计开发》
java·vue.js·spring boot·微信小程序·uniapp·闲置书换购微信小程序·物品协同过滤算法
ngaiwe3 天前
AA我来算小程序实践:把付款人、承担人和结算状态分开建模
微信小程序
上线再说4 天前
小程序图片处理从 2.9 秒到 420 毫秒:云函数冷启动的 5 个坑
微信小程序
沃达德软件4 天前
智慧教育教学资源管理系统(PC端+微信小程序)
微信小程序·小程序