微信小程序js时间戳与日期格式的转换方法

 更新时间:2023年10月14日 08:34:05   作者:耶斯莫鱼拉  
这篇文章主要给大家介绍了关于微信小程序js时间戳与日期格式的转换方法,在小程序中使用时间选择器时,获取到的时间可能是一个时间戳,这并不是我们想要的,这时候我们得将获取到的时间戳进行转换,需要的朋友可以参考下

一、时间戳转换成日期格式

1、代码片段

function timestampToTime(value, type = 0){
    var time = new Date(value);
    var year = time.getFullYear();
    var month = time.getMonth() + 1;
    var date = time.getDate();
    var hour = time.getHours();
    var minute = time.getMinutes();
    var second = time.getSeconds();
    month = month < 10 ? "0" + month : month; 
    date = date < 10 ? "0" + date : date; 
    hour = hour < 10 ? "0" + hour : hour; 
    minute = minute < 10 ? "0" + minute : minute; 
    second = second < 10 ? "0" + second : second; 
    var arr = [ 
        year + "-" + month + "-" + date, 
        year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second, 
        year + "年" + month + "月" + date, 
        year + "年" + month + "月" + date + " " + hour + ":" + minute + ":" + second, 
        hour + ":" + minute + ":" + second 
    ] 
    return arr[type]; 
} 

使用方法:

timestampToTime(1591841249)   //返回2020-06-11

timestampToTime(1591841249,1) //返回 2020-06-11 10:10:10

timestampToTime(1591841249,2)   //返回2020年06月11日

2、微信小程序中,时间戳转换成日期格式的具体步骤

(1)在utils文件夹下创建一个 js文件,在此js文件中 export 上面的代码片段

(2)在需要引入的页面的 js文件中引入,需要注意的是对应的方法名称和此应的文件路径

 import {timestampToTime} from "../../utils/common.js"

(3)在需要引入的页面的 js文件中使用此方法

success:(res)=>{
      console.log(res);
      //遍历每一个对象
      res.data.data.forEach(item=>{
       item.publish_date=timestampToTime(item.publish_date)
      })
      this.setData({
        newsARR:res.data.data
      })
    }

二、日期格式转换成时间戳

var date = new Date("2022-12-04 17:15:53:555");
// 有三种方式获取
var time1 = date.getTime();
var time2 = date.valueOf();
var time3 = Date.parse(date);
console.log(time1); //1670145353555
console.log(time2); //1670145353555
console.log(time3); //1670145353000

总结

到此这篇关于微信小程序js时间戳与日期格式的转换方法的文章就介绍到这了,更多相关微信小程序时间戳与日期转换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 小程序自定义日历效果

    小程序自定义日历效果

    这篇文章主要为大家详细介绍了小程序自定义日历效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • 了解Javascript中函数作为对象的魅力

    了解Javascript中函数作为对象的魅力

    这篇文章主要介绍了了解Javascript中函数作为对象的魅力,javascript中函数可以有属性,可以有方法, 可以享有所有对象所拥有的特性。并且最重要的,她还可以直接被调用,需要的朋友可以参考下
    2019-06-06
  • JS模板实现方法

    JS模板实现方法

    我们在使用JS渲染DOM时,一般使用字符串创建DOM然后附加到父元素上,如果附加的DOM是动态易变的,那需要在函数中写大量逻辑。如果在控件实现过程中,这带来的问题更为严重。
    2013-04-04
  • 原生js实现秒表计时器功能

    原生js实现秒表计时器功能

    这篇文章主要为大家详细介绍了原生js实现秒表计时器功能,可以开始、暂停、清除,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 一篇文章深入了解JavaScript中的fetch方法

    一篇文章深入了解JavaScript中的fetch方法

    这篇文章主要给大家介绍了关于JavaScript中fetch方法的相关资料,JavaScript中的fetch()方法用于向服务器请求并加载网页中的信息,请求可以是返回JSON或XML格式数据的任何API,需要的朋友可以参考下
    2023-10-10
  • 键盘元素的控制小方块的移动效果

    键盘元素的控制小方块的移动效果

    键盘元素的控制小方块的移动效果...
    2007-01-01
  • JS中eval函数的使用示例

    JS中eval函数的使用示例

    eval函数会将 obj 当做代码去执行一遍,下面举个例子为大家详细介绍下具体的使用方法,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • js实现非常棒的弹出div

    js实现非常棒的弹出div

    这篇文章主要为大家详细介绍了js实现非常棒的弹出div,具有一定的参考价值,感兴趣的朋友可以参考一下
    2016-10-10
  • JS实现为表格动态添加标题的方法

    JS实现为表格动态添加标题的方法

    这篇文章主要介绍了JS实现为表格动态添加标题的方法,涉及javascript中createCaption方法添加标题的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • 高效的表格行背景隔行变色及选定高亮的JS代码

    高效的表格行背景隔行变色及选定高亮的JS代码

    一个项目要用,又不想用jquery之类的东东。先去网上搜索了下,找到了不少在CSS中执行JS的表格行变色方式,不过这类方式在表格行多的时候相当卡,在IE7和firefox3中测试正常。
    2010-12-12

最新评论