微信小程序,时间戳和日期格式互相转化

微信小程序,时间戳转为日期格式

通常后台传递过来的都是时间戳,但是前台展示不能展示时间戳。就需要转化了。

功能说明:

微信小程序里,时间戳转化为日期格式,支持自定义、

拷贝至项目utils/utils.js中,并注意在js中声明下;

module.exports = {
    formatTime: formatTime,  // 日期转时间戳
    formatTimeTwo: formatTimeTwo  // 时间戳转日期
}

utils/utils.js 写法

function formatTime(date) {
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var day = date.getDate()

    var hour = date.getHours()
    var minute = date.getMinutes()
    var second = date.getSeconds()

    return [year, month, day].map(formatNumber).join(‘/‘) + ‘ ‘ + [hour, minute, second].map(formatNumber).join(‘:‘)
}

function formatNumber(n) {
    n = n.toString()
    return n[1] ? n : ‘0‘ + n
}

/**
 * 时间戳转化为年 月 日 时 分 秒
 * number: 传入时间戳
 * format:返回格式,支持自定义,但参数必须与formateArr里保持一致
*/
function formatTimeTwo(number, format) {

    var formateArr = [‘Y‘, ‘M‘, ‘D‘, ‘h‘, ‘m‘, ‘s‘];
    var returnArr = [];

    var date = new Date(number * 1000);
    returnArr.push(date.getFullYear());
    returnArr.push(formatNumber(date.getMonth() + 1));
    returnArr.push(formatNumber(date.getDate()));

    returnArr.push(formatNumber(date.getHours()));
    returnArr.push(formatNumber(date.getMinutes()));
    returnArr.push(formatNumber(date.getSeconds()));

    for (var i in returnArr) {
        format = format.replace(formateArr[i], returnArr[i]);
    }
    return format;
}

module.exports = {
    formatTime: formatTime,
    formatTimeTwo: formatTimeTwo
}

在js 的 中调用如下,首先要先引入 until js

var time = require(‘../../utils/util.js‘);
 var sjc = 1488481383;
    console.log(time.formatTime(sjc,‘Y/M/D h:m:s‘));
    console.log(time.formatTime(sjc, ‘h:m‘));

得到的效果如下:

2017/03/03 03:03:03
03:03

原文地址:https://www.cnblogs.com/haonanZhang/p/8797544.html

时间: 2024-08-29 13:58:13

微信小程序,时间戳和日期格式互相转化的相关文章

微信小程序如何把后台返回的多条json数据的时间戳转换为时间放到页面上 (微信小程序 时间戳转换为时间)

小程序端 在utils文件夹下的util.js写入 //时间戳转换时间   function toDate(number){   var n=number * 1000;   var date = new Date(n);   var Y = date.getFullYear() + '/';   var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '/';   var D = date

微信小程序 - 时间戳转时间

获取当前时间:十位unix时间戳 var timestamps = Math.round(new Date().getTime() / 1000).toString(); 时间戳转时间(官方自带) 使用实例: var time = "1531791600"; app.util.formatTime(time); 原文地址:https://www.cnblogs.com/cisum/p/9317138.html

微信小程序picker-view自定义日期时间等

picker-view 可以自定义地区时间什么的,其实主要是可以修改样式啦. <view class='login-user border-none' bindtap='data_click'> <view class='user-t'>生日</view> <view class='user-i'> <input placeholder="请输入生日" disabled value='{{birthday}}' /> <

微信小程序开发(request请求后台获取不到data)

1微信的request的post请求后台获取不到data(当初这个问题纠结了好久好久),原因是post传递的data是json格式而不是key,value的格式,所以获取不到相应的data就是post请求应为表单模式的data,微信小程序提供的datajson格式完全获取不到. 解决方法: 1.改变header header: {'Content-Type': 'application/json;charset=UTF-8;'}, 2.query的格式传递post请求就可以了,不过这个有点..你

微信小程序开发工具快捷键

最近微信小程序已经开始公测了,鉴于开发的过程中更加便捷的编写代码,最近整理了一下<微信开发者工具>一些实用的快捷键分享给大家: 微信小程序开发工具快捷键 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行 Shift+Alt+F:代码格式化 Alt+Up,Alt+Down:上下移动一行 Shift+Alt+Up,Shift+Al

微信小程序之购物数量加减 —— 微信小程序实战商城系列(3)

我们在购买宝贝的时候,购物的数量,经常是我们需要使用的,如下所示: 在宝贝详情页里: 在购物车里: 现在就为大家介绍这个小组件,在小程序中,该如何去写 下图为本项目的图: wxml: <!-- 主容器 --> <view class="stepper"> <!-- 减号 --> <text class="{{minusStatus}}" bindtap="bindMinus">-</text&

HTML5标签转微信小程序(wxml)初学者

最近做项目的时候碰到一个问题,就是调用接口获取信息到页面上,内容与HTML5标签一起获取过来了.一起显示在微信端上.通过查找方法,找到了一个可以把HTML5标签转换微信小程序格式显示html5内容数据插件(wxParse),这种做法缺点就是每一次调用都会执行一次.但是可以把带html标签的数据输出为微信小程序正常显示的格式. 所以以下解决方法. 先把转换的html5的插件下载下来.1.下载地址:https://github.com/icindy/wxParse wxParse插件 我把下载好的插

微信小程序推广技巧、营销方案

小程序已经成功上线了!那么,小程序线下如何推广?线下门店如何玩转小程序呢? 1.附近的小程序,让商家曝光率更高 小 程序自带"附近的小程序"功能,利用LBS定位功能提高商家专属微信小程序的曝光度,用户走进某一个点位时,就能在附近的小程序中显示出商家的小程序信 息,对于增加商业机会有一定的帮助.可以直观地在小程序界面展示门店商家的地理位置.门店信息.联系电话.经营时间等信息. 2.小程序做内容营销,让信息传播更方便 小程序本身可以作为一个内容推送平台,可以向用户发送消息.通过这种方式,可

微信小程序—修改日期

最近项目开发在做微信小程序项目,记录一下开发过程中用到的一些小东西,实现的是一个点击增加减小日期的小东西, 贴一下效果图 大概就是这个效果,可以点击减小日期,点击增大日期,也可以直接选择日期,相应的判断日期大小给出相应的提示. 贴一下代码 <!-- wxml --> <view class='order_process'> <view class='dateBox'> <view class='prev {{filterState1?"filter&qu