当前位置: 首页 > news >正文

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

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

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

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

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


UTC 转 北京时间

  • wxs不支持使用 JS 全局对象和函数,例 new Date()等;
  • 可以使用 wxs 内置的一些简单函数和操作;
  • UTC 时间 与 北京时间相差 8小时;

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
}

使用

<wxs src="../../utils/filter.wxs" module="filter" /><view>{{ filter.utcToBJTime(currentDate) }}</view>
http://www.lryc.cn/news/525962.html

相关文章:

  • 提示词的艺术 ---- AI Prompt 进阶(提示词框架)
  • WPF常见面试题解答
  • TypeScript 学习
  • 24_游戏启动逻辑梳理总结
  • C++/CLI(Common Language Runtime)关键点详解
  • Transfoemr的解码器(Decoder)与分词技术
  • CDSN 2024博客之星总评选-主题文章创作,我的AI之路-起手篇
  • Android BitmapShader简洁实现马赛克,Kotlin(二)
  • 蓝桥杯 阶乘的和(C++完整代码+详细分析)
  • 【Bug 记录】el-sub-menu 第一次进入默认不高亮
  • SpringCloud两种注册中心
  • 陕西羊肉泡馍:味蕾上的西北风情
  • 蓝桥杯试题:整数反转
  • Moretl FileSync增量文件采集工具
  • day1代码练习
  • 【Pytest】结构介绍
  • Django基础之ORM
  • 【以音频软件FFmpeg为例】通过Python脚本将软件路径添加到Windows系统环境变量中的实现与原理分析
  • 检测到联想鼠标自动调出运行窗口,鼠标自己作为键盘操作
  • web UI自动化测试笔记
  • 计算机网络 (60)蜂窝移动通信网
  • 计算机网络三张表(ARP表、MAC表、路由表)总结
  • DRF开发避坑指南01
  • 批量提取多个 Excel 文件内指定单元格的数据
  • #HarmonyOS篇:build-profile.json5里面配置productsoh-package.json5里面dependencies依赖引入
  • Spring集成Redis|通用Redis工具类
  • Vue中设置报错页面和“Uncaught runtime errors”弹窗关闭
  • 【力扣】219. 存在重复元素 II
  • 头歌实训作业 算法设计与分析-贪心算法(第5关:求解流水作业调度问题)
  • Hadoop•搭建完全分布式集群