微信小程序--拿到时间戳转换并绑定

╰半夏微凉° 2022-04-25 10:10 228阅读 0赞

**首先在后台 创建 utils-->util.js**

![20190531121118218.png][]

**里面封装函数 ，以便在项目其他地方js使用**

function formatTime(date, type) {
    
    let reg = /^\d+$/g;
    
    var date = reg.test(date) ? new Date(Number(date)) : new Date(date)
    
    var year = date.getFullYear()
    
    var month = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1)
    
    var day = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate())
    
    var time = date.toTimeString()
    
    
    switch (type) {
    
    case 1: // 转换日期为21:37
    
    return time.substr(0, 5);
    
    case 2: // 转换日期为2019-03-08 15:50
    
    return year + '-' + month + '-' + day + '' + ' ' + time.substr(0, 5);
    
    case 3: // 转换日期为昨天21:37
    
    return '昨天' + time.substr(0, 5);
    
    case 4: // 转换日期为周日
    
    return '周日' + time.substr(0, 5);
    
    
    case 6: // 获取某一天
    
    return date.getDay();
    
    
    case 7: // 转换为2019.1.9
    
    return year + '.' + month + '.' + day;
    
    case 8: // 转换为时间戳
    
    return Number(date)
    
    
    case 9: // 03.10
    
    return month + '.' + day
    
    
    default:
    
    break;
    
    }
    
    }
    
    //输出函数
    
    module.exports = {
    
    formatTime,
    
    
    
    }

**后台放回如下时间戳**

![20190531121118212.png][]

***而我们要转换成如下格式***

![20190531121118237.png][]

**在需要调用的js文件中调用**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJQl9LYXNpYw_size_16_color_FFFFFF_t_70][]

**修改后如下所示---newOrderByTime是后台没返的，自己循环加上去的**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJQl9LYXNpYw_size_16_color_FFFFFF_t_70 1][]

**在wxml中绑定**

![20190531121347699.png][]

[20190531121118218.png]: /images/20220125/4807c9222f454f5b916a8a95317b734c.png
[20190531121118212.png]: /images/20220125/7d0de0098ef24cbe97e7651362fc5fb3.png
[20190531121118237.png]: /images/20220125/14dbb6922734479bbdb72ba2f9c0e7a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJQl9LYXNpYw_size_16_color_FFFFFF_t_70]: /images/20220125/3cd5330b88e14da8a02b367b676ffc69.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJQl9LYXNpYw_size_16_color_FFFFFF_t_70 1]: /images/20220125/05b78caf901d4114b8ede3baad9e36a4.png
[20190531121347699.png]: /images/20220125/b590918ec4df49609a64153cf4ee85e8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，228人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序 bindtap绑定如何传参

在写微信小程序代码的时候，对于前端一个组件需要进行前端向后端绑定，我们可以使用bindtap，如下面的例子： <view bindtap="upload_image"

素颜马尾好姑娘i/ 2022年12月10日 14:46/ 0 赞/ 1390 阅读

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

首先自己定义time.js , utils/time.js 写法: function formatTime(date) { var year = da

秒速五厘米/ 2022年09月02日 00:44/ 0 赞/ 307 阅读

相关微信小程序之数据绑定

微信小程序是通过什么方法来实现数据绑定的呢？答案是状态模式-单向数据流。状态模式定义一个对象，改对象可以通过管理其状态的变化，从而实现应用程序做出相应的变化。

男娘i/ 2022年05月24日 06:44/ 0 赞/ 293 阅读

相关微信小程序的数据绑定--从Data传输到view

一、说明这个讨论的是纯前端的数据传输，指的是从js文件的Data中获取数据，并在view页面显示的过程。微信小程序官方文档已经有很好的说明，比较全面。这里只是归类一下常

矫情吗；*/ 2022年04月25日 10:38/ 0 赞/ 249 阅读

相关微信小程序--拿到时间戳转换并绑定

首先在后台创建 utils-->util.js ![20190531121118218.png][] 里面封装函数，以便在项目其他地方js使用 func

╰半夏微凉°/ 2022年04月25日 10:10/ 0 赞/ 229 阅读

相关微信小程序事件绑定无效

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 写小程序的一个界面时，给最外层的view绑定了事件，结果

雨点打透心脏的1/2处/ 2022年01月14日 00:27/ 0 赞/ 457 阅读

相关微信小程序的事件绑定

事件类别： tap：点击事件； longtap：长按事件； touchstart：触摸开始； touchend：触摸结束； touchcansce：取消触摸；事件

清疚/ 2021年11月22日 22:58/ 0 赞/ 357 阅读

相关微信小程序~日期时间戳转换

utils.js const formatTime = date => { const year = date.getFullYear() c

àì夳堔傛蜴生んèń/ 2021年10月30日 07:26/ 0 赞/ 919 阅读

相关微信小程序获取当前时间戳

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ

太过爱你忘了你带给我的痛/ 2021年09月30日 09:52/ 0 赞/ 532 阅读

相关微信小程序事件绑定

(1)绑定事件: 1、在wxml标签中如:bindtap='函数名' 函数名前不能有空格,不能直接写函数等表达式 2、其中bind为不会阻止事件

╰+攻爆jí腚メ/ 2021年07月24日 20:20/ 0 赞/ 662 阅读