小程序 wxml里时间戳转日期
步骤一:
在utils文件夹里添加名为filter.wxs的文件(命名可以随便),filter.wxs里写下面的代码:
示例需求:(出发时间 至 结束时间)
出发时间:suitprice里的day(是时间戳,需要转换成日期),
结束时间,是出发时间,加上lineday,得到结束时间
<!--filter.wxs-->
var formatNumber = function (n) {n = n.toString()return n[1] ? n : '0' + n
}
var formatDate = function (datetime) {var date = getDate(datetime*1000);var year = date.getFullYear();var month = date.getMonth() + 1;var day = date.getDate();// return [year, month, day].map(formatNumber).join('-');return [ month, day].map(formatNumber).join('-');
}
var formatDateAdd = function (datetime,lineday) {var ttt = 1000*60*60*24*linedayvar date = getDate(datetime*1000+ttt);var year = date.getFullYear();var month = date.getMonth() + 1;var day = date.getDate();// return [year, month, day].map(formatNumber).join('-');return [ month, day].map(formatNumber).join('-');
}
module.exports = {formatDateAdd:formatDateAdd,formatDate: formatDate
}
步骤二:
test.wxml里引入
<!--test.wxml-->
<wxs src="./filter.wxs" module="filters"/>
<text>{{filters.formatDate(item.date)}}</text>
传参加天数,天数是变量
<view class="cloose_title" wx:for="{{info.suit_info[suit_info_idx].suitprice}}" wx:key=""><text>{{filters.formatDate(item.day)}} 至 {{filters.formatDateAdd(item.day,info.lineday)}}</text></view>
小程序 wxml里时间戳转日期相关推荐
- 微信小程序获取当前时间戳、日期、时间
获取时间戳,注意在微信小程序按照时间戳对数据库内容排序时,orderBy的第一个参数类型为Number var timeStamp = Date.parse(new Date()); timeStam ...
- 微信小程序接口返回时间戳转换日期
wx.request({url: '自己接口',data: {phoneNumber: installPersonPhoneNumber,startTime: startTime,endTime: e ...
- 从0到一开发微信小程序(5)—小程序WXML
文章目录 其他相关文章 1.WXML 1.1.事件 1.1.1.系统 1.1.2.分类 1.1.2.1.冒泡事件(bindtap) 1.1.2.2.非冒泡事件(catchtap) 1.1.3.携带参数 ...
- 微信小程序C语言通讯录,微信小程序のwxml列表渲染
列表渲染存在的意义 以电商为例,我们希望渲染5个商品,而又希望容易改变,我们就要在wxml中动态添加. {{index+1}}:{{item.name}} Page({ data: { message ...
- 微信小程序-WXML转换类型
微信小程序-WXML转换类型 情景:需要在WXML中把字符串转化成数字类型 解决:引入WXS wxs是小程序的一套脚本语言,结合wxml,可以构建出页面的结构. wxs不依赖于运行时的基础库版本,可以 ...
- 小程序如何把时间戳转化成具体的时间
文章目录 小程序如何把时间戳转化成具体的时间 1.time.js 2.将查到的数据转化成具体的时间 3.代码实现 4.分析 5.总结 小程序如何把时间戳转化成具体的时间 1.time.js 我们首先要 ...
- 小程序在wxml里转数字_小程序wxml的取值问题
很多时候,我们在做小程序页面时,会遇到这样的问题:wxml页面取整怎么办?wxml页面保留几位小数怎么办?我自己在写小程序页面时,也遇到过这样的问题,今天我就将这些问题的解决办法写出来,让有这种问题困 ...
- 小程序中里的bindinput_云开发实战分享|诗和远方:旅行小账本云开发
原创:豪豪 前言 最近沉迷小程序开发,发现了一款功能.界面.体验俱佳的小程序"旅行小账本".着手做了个简约版--"旅行小账本".效果比较满意,毕竟前后台一人单干 ...
- 小程序微信运动时间戳格式转换+列表渲染微信运动数据
首先来看一下项目中的微信运动页面. 通过官方开发文档我们能够获取到微信运动步数,但是发现里边的时间戳并不是想要去在开发项目时使用的,需要将时间戳转换为年月日,然后再显示在前端页面,先来理清一下思路. ...
最新文章
- 帝国cms后台使用savesufer.js生成大音频audio彩色频谱数据
- 在计算机系统中有两种不同的图像编码方式,第二章计算机系统与计算原理.ppt...
- java=====Striing date 转化
- 前端学习(1716):前端系列javascript之页面配置下
- 【CodeForces - 340B 】Maximal Area Quadrilateral (计算几何,枚举,有坑)
- 介绍一个又快又准的截图骚操作
- tenda 服务器无法打开网页,Win7系统网页打不开qq能上怎么办? | 192路由网
- java面试 上传文件_字节跳动面试官,我也实现了大文件上传和断点续传
- SAP系统企业内部安全审计介绍
- 提高开发效率的 Eclipse 实用操作
- 谈谈tmpdir与innodb_tmpdir的区别和用处
- LINUX修改文件权限
- 花4个月时间整理出《Spring揭秘》的文字版的感受
- Linux搭建SVN服务器
- 沟通的艺术I:什么是沟通
- win7映射网络驱动器消失了_win7映射网络驱动器 找不到 - 卡饭网
- 神策 FM | 桑文锋:2018,行与思
- 防火门建筑材料英国UKCA认证—EN 16034
- Spring Boot中Lombok的使用
- NOI2019滚粗记
热门文章
- layui信息加载流的方式加载数据
- 如何Navicat完成还原数据库?Navicat还原数据库出现数据丢失或则是不完整,怎么解决?
- Java String.contains()方法
- 什么是BGP协议,以及其工作原理
- Matlab读取Zygo干涉仪dat数据文件 光学检测加工(明码需另付费)
- 50个js小项目-DAY1-expanding cards
- java+OpenCV3 +百度OCR(或tesseract) 识别表格数据
- 固态硬盘中的数据该怎么恢复
- FlinkSql中表的创建及查询
- USB学习笔记(3)HID应用分析