微信小程序获取当前时间及星期几的实例代码

 更新时间:2020年09月20日 10:51:56   作者:换日线°  
这篇文章主要给大家介绍了关于利用微信小程序获取当前时间及星期几的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

效果图如下所示

实例代码如下:

util.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
}
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;
}

const getWeekByDate = dates => {
 let show_day = new Array('周日', '周一', '周二', '周三', '周四', '周五', '周六');
 let date = new Date(dates);
 date.setDate(date.getDate());
 let day = date.getDay();
 return show_day[day];
}

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

.js

const util = require('../../utils/util.js')
Page({
 data: {
 },
 onLoad: function (options) {

 let time = util.formatTime(new Date());

 console.log('当前日期和时间:', time)
	
	console.log('今天周几:', util.getWeekByDate(new Date()))
 
 //获取当前时间戳 
 var timestamp = Date.parse(new Date());
 timestamp = timestamp / 1000;
 
 console.log("当前时间戳为:" + timestamp);

 console.log("时间戳转日期:",util.formatTimeTwo(timestamp, 'Y-M-D h:m:s'));

 //获取当前时间 
 var n = timestamp * 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.getDate() < 10 ? '0' + date.getDate() : date.getDate();
 //时 
 var h = date.getHours();
 //分 
 var m = date.getMinutes();
 //秒 
 var s = date.getSeconds();


 console.log('当前年月日:',date.toLocaleDateString());

 console.log('当前日期时间:',date.toLocaleString());

 console.log('当前时间:',date.toLocaleTimeString());

 console.log("当前日期和时间:" + Y + '-' + M + '-' + D + ' ' + h + ":" + m + ":" + s);
 },
})

参考手册:https://www.w3school.com.cn/js/js_date_methods.asp

总结

到此这篇关于微信小程序获取当前时间及星期几的文章就介绍到这了,更多相关微信小程序获取当前时间及星期几内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • fastadmin如何让后台的日期显示成年月日格式(推荐)

    fastadmin如何让后台的日期显示成年月日格式(推荐)

    FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架,本文给大家介绍fastadmin的后台时间戳字段如何显示成年月日的日期格式,感兴趣的朋友跟随小编一起看看吧
    2023-10-10
  • 微信小程序 image组件遇到的问题

    微信小程序 image组件遇到的问题

    这篇文章主要介绍了微信小程序 image组件遇到的问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-05-05
  • 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox

    鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox

    table拖动(兼容Firefox 3.5/IE6),固定表格宽度在网上搜索了好久,找到的都是只能在IE下有效的,后来终于找到了支持firefox的了。
    2009-12-12
  • JS检测浏览器开发者工具是否打开的方法详解

    JS检测浏览器开发者工具是否打开的方法详解

    本篇文章主要讲述几种前端JS检测开发者工具是否打开的方法,需要的朋友可以参考下
    2020-10-10
  • xmlplus组件设计系列之按钮(2)

    xmlplus组件设计系列之按钮(2)

    xmlplus 是一个JavaScript框架,用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之按钮,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • JavaScript中的定时器之Item23的合理使用

    JavaScript中的定时器之Item23的合理使用

    window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次
    2015-10-10
  • javascript面向对象之对象的深入理解

    javascript面向对象之对象的深入理解

    这篇文章主要介绍了javascript面向对象之对象的深入理解,将javascript面向对象程序设计中一切都视为对象,并以实例形式进一步分析了面向对象的特性,需要的朋友可以参考下
    2015-01-01
  • JavaScript ES6中export、import与export default的用法和区别

    JavaScript ES6中export、import与export default的用法和区别

    这篇文章主要给大家介绍了JavaScript ES6中export、import与export default的用法和区别,文中介绍的非常详细,相信对大家学习ES6会有一定的帮助,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-03-03
  • JavaScript中的各种宽高属性的实现

    JavaScript中的各种宽高属性的实现

    这篇文章主要介绍了JavaScript中的各种宽高属性的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • Bootstrap学习笔记之环境配置(1)

    Bootstrap学习笔记之环境配置(1)

    这篇文章主要为大家详细介绍了Bootstrap学习笔记之环境配置的具体操作方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12

最新评论