返回顶部
首页 > 资讯 > 精选 >微信小程序在怎么利用wxs对日期时间进行处理
  • 827
分享到

微信小程序在怎么利用wxs对日期时间进行处理

2023-06-20 16:06:53 827人浏览 独家记忆
摘要

微信小程序在怎么利用wxs对日期时间进行处理,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。1、时间戳转日期在wxs中处理日期需要使用getDate(time),而不能使用new

微信小程序在怎么利用wxs对日期时间进行处理,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。


1、时间戳转日期

在wxs中处理日期需要使用getDate(time),而不能使用new Date()来处理日期

在wxs文件中

var filter = {    fORMatNumber: function (n) {        n = n.toString()        return n[1] ? n : '0' + n      },    parseTime: function (time, type) {        if (time == null || type == '') {          return ''        }        if (arguments.length === 0) {          return null        }        var date = getDate(time);//在wxs中不能使用new Date()来处理日期        console.log("date", date);        var y = date.getFullYear();        var m = filter.formatNumber(date.getMonth() + 1);        var d = filter.formatNumber(date.getDate());        var h = filter.formatNumber(date.getHours());        var i = filter.formatNumber(date.getMinutes());        var s = filter.formatNumber(date.getSeconds());        var a = filter.formatNumber(date.getDay());        var time_str = "";        if (type == 'month') {          time_str = y + '-' + m;        } else if (type == 'date') {          time_str = y + '-' + m + '-' + d;        } else if (type == 'datetime') {          time_str = y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s;        } else if (type == 'onlyMonth') {          time_str = m;        } else if (type == 'onlyYear') {          time_str = y;        }        return time_str      }, }module.exports = {    parseTime: filter.parseTime,}

在wxml中使用

<wxs module="filters" src="../../../filters/filter.wxs"></wxs><text>{{filters.parseTime(time,'date')}}</text>

2、UTC转北京时间

UTC时间比北京时间晚8小时,在苹果手机上需要去除"Z"后再处理时间

var filter = {    formatNumber: function (n) {        n = n.toString()        return n[1] ? n : '0' + n      },    parseTime: function (time, type) {    if (time == null || time == '') {      return ''    }    if (arguments.length === 0) {      return null    }    var date;    if (typeof time === 'object') {      date = time    } else {      if (('' + time).length === 10) {        time = parseInt(time) * 1000      } else {        time = time.replace("Z", " ").replace(getRegExp('-', 'g'), "/")//去除Z,兼容苹果手机        var ts = time.split('T')        var t1 = ts[0]        var t2 = ts[1].split('.')[0]        time = t1 + " " + t2        time = getDate(time).getTime() + 8 * 3600000;//utc时间与北京时间相差8小时      }      date = getDate(time)//不能使用new Date()    }    var y = date.getFullYear();    var m = filter.formatNumber(date.getMonth() + 1);    var d = filter.formatNumber(date.getDate());    var h = filter.formatNumber(date.getHours());    var i = filter.formatNumber(date.getMinutes());    var s = filter.formatNumber(date.getSeconds());    var a = filter.formatNumber(date.getDay());    var time_str = "";    if (type == 'month') {      time_str = y + '-' + m;    } else if (type == 'date') {      time_str = y + '-' + m + '-' + d;    } else if (type == 'datetime') {      time_str = y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s;    } else if (type == 'onlyMonth') {      time_str = m;    } else if (type == 'onlyYear') {      time_str = y;    }    return time_str  },}module.exports = {    parseTime: filter.parseTime,}

看完上述内容,你们掌握微信小程序在怎么利用wxs对日期时间进行处理的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网精选频道,感谢各位的阅读!

--结束END--

本文标题: 微信小程序在怎么利用wxs对日期时间进行处理

本文链接: https://lsjlt.com/news/298577.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 微信小程序在怎么利用wxs对日期时间进行处理
    微信小程序在怎么利用wxs对日期时间进行处理,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。1、时间戳转日期在wxs中处理日期需要使用getDate(time),而不能使用new...
    99+
    2023-06-20
  • 微信小程序wxs日期时间处理的实现示例
    目录1、时间戳转日期2、UTC转北京时间WXS(WeiXin Script)是小程序的一套脚本语言,wxs 与 javascript 是不同的语言,有自己的语法,并不和 javasc...
    99+
    2024-04-02
  • 微信小程序中怎么将时间戳与日期进行转换
    本篇文章为大家展示了微信小程序中怎么将时间戳与日期进行转换,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。在微信开发小程序时,后台传入的诗句可能是 时间戳 而不是日期...
    99+
    2024-04-02
  • 怎么进行python日期时间处理
    这篇文章给大家介绍怎么进行python日期时间处理,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。开发中常用的日期操作还有哪些?时区转换显示日期格式化秒数 与 日期 与 字符串的转换我们经常会用到,比如全球化的业务根据不...
    99+
    2023-06-22
  • 怎么在java中利用正则表达式对时间日期进行判断
    这篇文章给大家介绍怎么在java中利用正则表达式对时间日期进行判断,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。实现这个功能自然少不了用到正则表达式,提高正则表达式的话,其实它的用法很简单,只需把这个表格记住并且会灵活...
    99+
    2023-05-31
    java 正则表达式 ava
  • 微信小程序怎么使用picker实现时间和日期选择框功能
    这篇文章主要介绍微信小程序怎么使用picker实现时间和日期选择框功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体如下:1、效果展示2、关键代码① index.wxml<...
    99+
    2024-04-02
  • 微信小程序中日历/日期选择插件怎么用
    这篇文章给大家分享的是有关微信小程序中日历/日期选择插件怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下wxml<view class="...
    99+
    2024-04-02
  • 怎么用微信小程序的canvas组进行涂鸦
    本篇内容介绍了“怎么用微信小程序的canvas组进行涂鸦”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!核心原理说明:  1、能画出不同颜色的...
    99+
    2023-06-26
  • 怎么使用PHP date()函数对日期或时间进行格式化
    要使用PHP的date()函数对日期或时间进行格式化,需要传递两个参数给该函数。第一个参数是日期或时间的格式,第二个参数是要格式化的...
    99+
    2023-10-12
    PHP
  • 微信小程序当前时间时段选择器插件怎么用
    这篇文章给大家分享的是有关微信小程序当前时间时段选择器插件怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下DEMO效果图插件思路准备工作获取当前时间,同时获取当前...
    99+
    2024-04-02
  • 微信小程序怎么在使用triggerevent()时传递参数
    在使用triggerEvent()方法触发自定义组件事件时,可以通过传递第二个参数来传递参数。 例如,定义一个自定义组件内的事件,并...
    99+
    2024-02-29
    微信小程序
  • 微信小程序怎么对当前路径中的内容进行填充
    这篇文章主要讲解了“微信小程序怎么对当前路径中的内容进行填充”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序怎么对当前路径中的内容进行填充”吧!canvasContext.fill定...
    99+
    2023-06-26
  • 微信小程序怎么使用es6-promise.js封装请求与处理异步进程
    这篇“微信小程序怎么使用es6-promise.js封装请求与处理异步进程”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“微信...
    99+
    2023-06-17
  • 微信小程序怎么获取地理位置和进行地图导航
    这篇文章主要介绍了微信小程序怎么获取地理位置和进行地图导航 的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序怎么获取地理位置和进行地图导航 文章都会有所收获,下面我们一起来看看吧。一.获取地理位置由于小...
    99+
    2023-06-26
  • 怎么在Java中利用SimpleDateFormat对英文时间格式进行转换
    这篇文章主要介绍了怎么在Java中利用SimpleDateFormat对英文时间格式进行转换,编程网小编觉得不错,现在分享给大家,也给大家做个参考,一起跟随编程网小编来看看吧!Java可以用来干什么Java主要应用于:1. web开发;2....
    99+
    2023-05-30
    java simpledateformat
  • 怎么在Android中利用videoview对抢占的焦点进行处理
    这篇文章给大家介绍怎么在Android中利用videoview对抢占的焦点进行处理,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。问题描述:android 机顶盒应用:应用程序主界面(MainActivity)只有两个控...
    99+
    2023-05-31
    android videoview roi
  • 怎么在微信小程序中利用同声传译实现语音识别功能
    这篇文章给大家介绍怎么在微信小程序中利用同声传译实现语音识别功能,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。// app.json{    ... &nbs...
    99+
    2023-06-15
  • 怎么在微信小程序中利用canvas实现一个水平、垂直居中效果
    本篇文章为大家展示了怎么在微信小程序中利用canvas实现一个水平、垂直居中效果,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。wxml<canvas type='2d'...
    99+
    2023-06-09
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作