微信小程序把日期格式化

微信小程序:wmxl/wxs中日期格式化 前面说过,在js中进行时间格式化很方便,直接利用new Date就可以了! 但是,在wmxl中如何进行时间格式化呢?前面也说过,在wmxl使用js可以通过导入wxs,而时间格式化方面,wxs中也很简单,只要将new Date替换为getDate即可(wxs中无法使用new Date)。 下面是一个示例:将/Date(1915151515)/格式转为 yyyy-MM-dd /** * 处理数字,如... 阅读详情

最近做了一个微信小程序的项目,关于后端给我传递日期的时候,我拿到的是一串数字如:createDate: 1552117531000 ,这是一个列的创建时间,现在却变成了一串数字,这是怎么回事?其实这串数字是1970年到现在的一个毫秒数,那怎么把这个毫秒数格式化成为日期呢?接下来就是我们该做的事情了。

1.先看一下没有格式化之前的写法

js

  tapPaying: function (options) {
  //封装过的访问路径
    orderApi.userOrder({ status: "wait", merchant: wx.getStorageSync('user').mId }).then((res) => {
    //查询成功后返回的数据
      console.log(res.data.content)
      this.setData({
        waitOrder: res.data.content
      })
    }).catch((err) => {
      console.log(err)
    })
  },

wxml

<view class="name" wx:for="{{waitOrder}}" wx:for-key="index" wx:for-item="ev">
   {{ev.createDate}}
</view>

查询结果
在这里插入图片描述

2.现在使用日期格式化

1.现在js页面写日期格式转换的方法

dateFormat(date, fmt) { // author: meizz
    var o = {
      'M+': date.getMonth() + 1, // 月份
      'd+': date.getDate(), // 日
      'H+': date.getHours(), // 小时
      'm+': date.getMinutes(), // 分
      's+': date.getSeconds(), // 秒
      'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
      S: date.getMilliseconds() // 毫秒
    }
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
    for (var k in o) { if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))) }
    return fmt
  },

2.在js中,返回查询结果中调用此方法

  tapPaying: function (options) {
    orderApi.userOrder({ status: "wait", merchant: wx.getStorageSync('user').mId }).then((res) => {
      console.log(res.data.content)
      let waitOrder = res.data.content
      //格式化日期
      waitOrder.map((item) => {
        if (item.createDate) item.createDate = this.dateFormat(new Date(item.createDate), 'yyyy-MM-dd HH:mm:ss')
      })
      this.setData({
        waitOrder
      })
    }).catch((err) => {
      console.log(err)
    })
  },

3.wxml不做任何修改,重新编译,然后查看
在这里插入图片描述
到此日期已经格式化完成

微信小程序日期时间格式化工具封装与iOS NaN兼容方案 日期格式化是前端开发中绕不开的基础能力,尤其在移动端跨平台场景下,不同系统对日期字符串的解析差异往往带来隐蔽的线上事故。开发者通常直接操作Date对象拼接时间,但遇到iOS设备的JavaScriptCore引擎时,非标准格式的日期字符串会解析失败,进而产生NaN输出。本文从日期处理的概念与原理出发,分析时间戳、日期字符串与Date对象之间的转换逻辑,介绍一种轻量级、无依赖的格式化工具封装思路,重点解决iOS下日期解析兼容问题,并结合相对时间、倒计时等常见业务场景给出工程实践建议。无论你正在开发微信小程序,还 阅读详情

相关推荐

避开这3个坑!微信小程序picker组件日期格式化最全指南

本文深入解析微信小程序picker组件在日期选择与格式化中的三大常见问题:fields参数与数据格式的匹配、日期回显与显示的优化,以及跨场景处理逻辑的统一。通过实战代码示例和避坑指南,帮助开发者构建健壮、优雅的日期处理方案,有效提升用户体验。

k0l1m2n3o的博客 762

微信小程序格式化日期的几种方式

效果图 方式一 wxml 文件 <view class="container"> <view class="wrap"> <view class="item" wx:for="{{list}}" wx:key="index"> <view class="top"> <view class="img"> <image src="{{item.img[0]}}"></i

关注最新技术问题并持续维护更新 1万+

微信小程序 时间格式化(util.formatTime(new Date))详解

微信小程序 时间格式化 微信小程序虽然还在内测,但是已经火的不行.赶紧看看.记录学习路上的点点滴滴. 获取时间直接用 Date.now() 得到一串数字.如下图: 获取格式化的时间用 util.formatTime(new Date) util是微信官方demo里面的提供的工具:如下代码 function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var

日期、时间选择器

1.Xml 2.Js 默认为空 3.Js里面形式为时间戳,需要转化为日期形式 //日期转化 module.exports = { // formatTime: formatTime, // 日期转时间戳 formatTimeTwo: formatTimeTwo // 时间戳转日期 } function formatTime(dat...

weixin_30485291的博客 410

ChatGPT Plus完整开通指南:从账号注册到稳定使用全流程

自然语言处理(NLP)技术通过深度学习模型实现对人类语言的理解与生成,其核心原理是基于Transformer架构的大规模预训练。GPT-4作为当前最先进的生成式AI模型,在代码编写、文档分析等场景展现出显著的技术价值。在实际应用中,稳定的网络环境和合规的支付方式是确保AI助手持续服务的关键因素。针对ChatGPT Plus的开通,需要系统性地解决账号验证、虚拟信用卡支付等工程实践问题,才能实现工作流的高效整合。

weixin_34239592的博客 426

【STM32】R05D电控红外协议的美的空调遥控器

目录一、设计思路一、R05D红外协议原理1.协议手册理解2.验证时序(重点)二、硬件实现1.需要的材料2.对发射模块电路进行修改3.STM32 GPIO选择三、代码实现1.载波38kHZ实现2.R05D时序实现3.调用函数并验证 一、设计思路 通常红外遥控采用NEC传输协议,而美的空调采用的是R05D红外协议(应该是自己设计的协议),因此用一般红外编码发射模块无法直接对空调进行控制。 解决方法:获取R05D协议手册 + 用红外接收管对原有遥控器红外接收进行波形分析。 一、R05D红外协议原理 R05D电控功

weixin_42204837的博客 1万+

微信小程序 - 格式化操作 && moment.js格式化常用使用方法总结大全

1) moment获取天的23时59分59秒可以用moment().endOf(String)获取天的0时0分0秒可以用moment().startOf('day')2)获取本周最后一天(周六)23时59分59秒。6)当前日期之前的某一天/周/月/年/4)获取当前月最后一天23时59分59秒。5)当前日期之后的某一天/周/月/年/3)获取本周第一天(周日)0时0分0秒。3)获取本周周日23时59分59秒。5)获取当前月第一天0时0分0秒。4)获取本周周一0时0分0秒。2)获取今天0时0分0秒。

zxcvb0825的博客 2513

再生龙(clonezilla)镜像比目标盘大——基于centos8.5

再生龙恢复到小盘遇到的问题及处理,首先是修改分区大小,进入dracut模式后再尝试恢复临时系统。

u010101453的博客 3686

【微信小程序】日期格式化

微信自己提供的util中,有一个日期格式化的工具,如果要使用的话,请导入var util = require(’…/…/utils/util.js’),然后关于util.formatTime(new Date)的使用,不要用Date.now(),请老老实实使用 new Date() const formatTime = date => { const year = date.get...

梦和远方的博客 2384

Pixhawk变砖自救指南:从DFU模式到固件重刷全流程(附2.4.8实测)

本文详细介绍了Pixhawk飞控变砖后的自救方法,从DFU模式进入、固件重刷到高级恢复技巧全流程。特别针对国产版本boot0引脚未引出的特殊情况提供了解决方案,帮助用户通过QGC或Mission Planner地面站工具恢复飞控功能,适用于2.4.8等常见固件版本。

weixin_29168813的博客 337

Pdu Router(PduR)模块

1. PduR路由基本功能 2. PduR总线网关功能 3. PduR缓存机制 4. 总结

weixin_43759043的博客 3849

微信小程序日期格式化

1.微信小程序util.js下有一个日期格式化函数const formatTime = date =&gt; { var date = new Date(date); const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.get...

abcwanglinyong的博客 1万+

【异常】Openclaw Gateway进程异常停止问题分析与解决方案

本文分析了Gateway服务异常停止的问题,提出了三种解决方案。核心问题是缺乏进程守护和自动恢复机制,导致服务崩溃后无法自行重启。推荐方案是使用PM2进程管理工具(方案1),提供进程监控、自动重启和开机自启功能。替代方案包括自定义守护脚本(方案2)和supervisord管理(方案3)。这些方案都能有效解决当前服务脆弱性问题,显著提升服务可用性,其中PM2方案成熟度高、配置简单,是首选解决方案。实施后可将服务从人工干预转变为自动恢复,确保业务连续性。

奶爸的编程之路,也就一周冷个三天 455

微信小程序格式化日期工具类代码(五秒解决)

第一步:首先在utils工具类文件夹,里面创建一个工具类,我这里命名为 utils.js,将下方代码复制进去保存,即可完成格式化日期工具类。第二步:在需要格式化日期的页面引入工具类,调用格式化函数进行格式化。在[ 需要格式化.js ]在Page({})外面,调用工具类。微信小程序格式化日期工具类代码(复制使用)

qq_45941656的博客 1274

最详细的 SAP ABAP Web Service 创建和消费步骤讲解

本文原版发表于 SAP 官方社区,当时用的英文版写作,标题为:Step by step to create, consume and trace web service in ABAP system https://blogs.sap.com/2014/05/20/step-by-step-to-create-consume-and-trace-web-service-in-abap-system/ 总共阅读量超过 18 万。 How to create web service provider in A

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 3149

从零开始学Agent的搭建——多角色项目需求分析框架实战

场景一:电商促销需求——技术细节顾此失彼团队用单Agent分析一个"双11秒杀系统"的需求。Agent输出了完整的功能清单,但当我们拿着这份方案找架构师评审时,发现了致命问题:Agent完全没有考虑库存扣减的并发一致性、Redis与MySQL之间的数据同步延迟、以及超卖风险的控制策略。原因是单Agent在处理"业务理解"任务时,已经耗尽了它的"注意力预算",技术深度分析几乎为空。场景二:ERP集成需求——跨系统边界模糊。

软件行业技术文化交流。 534

微信小程序服务器日期格式化

"Mon Jan 06 2020 09:10:28 GMT+0800 (中国标准时间)" 一般服务器获取到的日期都是这样的,我们需要对其进行格式化 在utils目录创建filter.wxs文件 filter.wxs //日期格式化 var formatTime = function (strDate, format = "yyyy-MM-dd hh:mm:ss") { // 解决ios出现N...

望天吼 804

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

服务器时间显示nan,微信小程序服务器日期格式化问题

微信小程序服务器日期格式化问题发布时间:2020-08-26 04:44:27来源:脚本之家阅读:250作者:望天吼"Mon Jan 06 2020 09:10:28 GMT+0800 (中国标准时间)"一般服务器获取到的日期都是这样的,我们需要对其进行格式化在utils目录创建filter.wxs文件filter.wxs//日期格式化var formatTime = function (strD...

weixin_31201481的博客 370

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

vue 微信录音倒计时_Vue.js相关:微信小程序实现日期格式化和倒计时

Vue.js相关:微信小程序实现日期格式化和倒计时发布于 2020-2-23|复制链接摘记: 本文实例为大家分享了微信小程序实现日期格式化和倒计时的具体代码,供大家参考,具体内容如下首先看看日期怎么格式化第一种:```javascriptDate.prototype.Format = function (fmt) { //author: meizzvar o = {"M+": this.getMo...

weixin_42128393的博客 152

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

【微信小程序】mpvue中格式化日期

1、修改src/utils/index.js文件 mpvue框架中有一个专门格式化日期的文件src/utils/index.js文件 文件内容如下,其中formatDate是我自己添加的方法,是将日期格式化成“YYYY-mm-DD”格式。主要不要忘记在export default {}中添加formatDate,不然外部邮件读取不到这个方法 function formatNumber (n) { ...

腾讯云云开发布道师,慕课网合作讲师 2220

【微信小程序】—— 史上最简单的日期格式化,给当前时间加减小时

首先我们要用到的是微信小程序官方给的两个函数,在util.js文件中。 const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() ...

LimonSea的博客 4838

微信小程序格式化日期函数

在做一个微信小程序的过程中,遇到了这个问题,我的解决方法如下:function transDate(mescStr){ var n=mescStr; var date = new Date(n); var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ? '0'+(date.ge

sunshine的博客 1万+

微信小程序日期/时间格式化

1、微信自己提供的util中,有一个日期格式化的工具,如果要使用的话,请导入var util = require('../../utils/util.js'),然后关于util.formatTime(new Date)的使用,不要用Date.now(),请老老实实使用  new Date()。2、因为使用的格式是yyyy-mm-dd,所以修改了util中的方法,仿照formatTime写了form...

黎成诃月的博客 3万+
上一篇: 微信小程序触底加载
下一篇: Python入门
与黑夜为伍
博客等级 码龄7年 19粉丝 80原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值