微信小程序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>
相关推荐
笨笨狗吞噬者13 小时前
【uniapp】体验优化:开源工具集 uni-toolkit 发布
性能优化·微信小程序·uni-app
知识分享小能手15 小时前
微信小程序入门学习教程,从入门到精通,自定义组件与第三方 UI 组件库(以 Vant Weapp 为例) (16)
前端·学习·ui·微信小程序·小程序·vue·编程
爱隐身的官人17 小时前
微信小程序反编译教程
微信小程序·小程序·小程序反编译
计算机徐师兄19 小时前
Java基于SpringBoot的智慧校园管理系统小程序【附源码、文档说明】
java·微信小程序·小程序·智慧校园管理系统小程序·java智慧校园管理系统小程序·智慧校园管理系统微信小程序·智慧校园管理微信小程序
毕设源码-赖学姐19 小时前
【开题答辩全过程】以 宝贝回家网微信小程序为例,包含答辩的问题和答案
微信小程序·小程序
_AaronWong1 天前
微信小程序同声传译插件接入实战:语音识别功能完整实现指南
前端·微信小程序·uni-app
赵庆明老师1 天前
Uniapp微信小程序开发:http请求封装。
http·微信小程序·uni-app
尘似鹤2 天前
微信小程序学习(五)
学习·微信小程序·小程序
计算机毕业设计小帅2 天前
【2026计算机毕业设计】基于微信小程序的英语在线学习系统
学习·微信小程序·毕业设计·课程设计
一只小白菜~2 天前
记录一下在微信小程序中的使用MobX做状态管理
微信小程序·小程序·mobx