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


Posted in Javascript onSeptember 20, 2020

效果图如下所示

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

实例代码如下:

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

总结

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

Javascript 相关文章推荐
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
常用的JQuery函数及功能小结
Mar 24 Javascript
pc加载更多功能和移动端下拉刷新加载数据
Nov 07 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
Mar 30 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
Apr 20 Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
Sep 04 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
jQuery属性选择器用法实例分析
Jun 28 jQuery
JS中间件设计模式的深入探讨与实例分析
Apr 11 Javascript
在vue中使用console.log无效的解决
Aug 09 Javascript
vue+spring boot实现校验码功能
May 27 Vue.js
vue操作dom元素的3种方法示例
Sep 20 #Javascript
npm ci命令的基本使用方法
Sep 20 #Javascript
js面试题之异步问题的深入理解
Sep 20 #Javascript
js实现简单的点名器随机色实例代码
Sep 20 #Javascript
前端vue+elementUI如何实现记住密码功能
Sep 20 #Javascript
Vue+element+cookie记住密码功能的简单实现方法
Sep 20 #Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 #Javascript
You might like
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
Laravel中使用自己编写类库的3种方法
2015/02/10 PHP
解决php表单重复提交实现方法
2015/09/29 PHP
Symfony控制层深入详解
2016/03/17 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
XML+XSL 与 HTML 两种方案的结合
2007/04/22 Javascript
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
jquery鼠标停止移动事件
2013/12/21 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
详解基于Bootstrap扁平化的后台框架Ace
2015/11/27 Javascript
JavaScript深度复制(deep clone)的实现方法
2016/02/19 Javascript
JavaScript学习笔记之数组求和方法
2016/03/23 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
2016/05/24 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
JavaScript之Canvas_动力节点Java学院整理
2017/07/04 Javascript
node实现的爬虫功能示例
2018/05/04 Javascript
vue+iview 实现可编辑表格的示例代码
2018/10/31 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
2018/12/11 jQuery
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
vuex实现购物车功能
2020/06/28 Javascript
React冒泡和阻止冒泡的应用详解
2020/08/18 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
2020/09/21 Javascript
Python3实现生成随机密码的方法
2014/08/23 Python
Python:slice与indices的用法
2019/11/25 Python
解决python replace函数替换无效问题
2020/01/18 Python
PyQt5实现简单的计算器
2020/05/30 Python
python统计mysql数据量变化并调用接口告警的示例代码
2020/09/21 Python
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
前后端结合实现amazeUI分页效果
2020/08/21 HTML / CSS
英国女性化妆品收纳和家具网站:Beautify
2019/12/07 全球购物
应届毕业生的自我鉴定
2013/11/13 职场文书
结婚周年感言
2014/02/24 职场文书
请假条范文大全
2014/04/10 职场文书
小程序实现筛子抽奖
2021/05/26 Javascript