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


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 位置插件
Dec 25 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
Jun 28 Javascript
js输出阴历、阳历、年份、月份、周示例代码
Jan 29 Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
Web前端开发工具——bower依赖包管理工具
Mar 29 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
JavaScript如何一次性展示几万条数据
Mar 30 Javascript
JS字符串按逗号和回车分隔的方法
Apr 25 Javascript
ant design vue中表格指定格式渲染方式
Oct 28 Javascript
Vue用mixin合并重复代码的实现
Nov 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
漫威DC御用漫画家去世 他的表情包曾走红网络
2020/04/09 欧美动漫
PHP实现redis限制单ip、单用户的访问次数功能示例
2018/06/16 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
jquery右下角弹出提示框示例代码
2013/10/08 Javascript
jquery给图片添加鼠标经过时的边框效果
2013/11/12 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
2014/05/05 Javascript
js获取鼠标点击的位置实现思路及代码
2014/05/09 Javascript
js中运算符&amp;&amp; 和 || 的使用记录
2014/08/21 Javascript
JavaScript编写简单的计算器
2015/11/25 Javascript
初识angular框架后的所思所想
2016/02/19 Javascript
纯JS前端实现分页代码
2016/06/21 Javascript
JavaScript闭包和范围实例详解
2016/12/19 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
2017/01/04 Javascript
jQuery实现CheckBox全选、全不选功能
2017/01/11 Javascript
Jquery树插件zTree实现菜单树
2017/01/24 Javascript
详解vue slot插槽的使用方法
2017/06/13 Javascript
Angular表格神器ui-grid应用详解
2017/09/29 Javascript
浅析vue中常见循环遍历指令的使用 v-for
2018/04/18 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
2020/04/30 jQuery
jQuery--遍历操作实例小结【后代、同胞及过滤】
2020/05/22 jQuery
react ant Design手动设置表单的值操作
2020/10/31 Javascript
js 执行上下文和作用域的相关总结
2021/02/08 Javascript
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
解决使用python print打印函数返回值多一个None的问题
2020/04/09 Python
英国复古皮包品牌:Beara Beara
2018/07/18 全球购物
财务人员个人自荐信范文
2013/09/26 职场文书
公司新年寄语
2014/04/04 职场文书
竞选演讲稿范文大全
2014/05/12 职场文书
常务副总经理任命书
2014/06/05 职场文书
大学生党员个人剖析材料
2014/10/08 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
校长新学期寄语2016
2015/12/04 职场文书
Nginx Rewrite使用场景及配置方法解析
2021/04/01 Servers
详解Redis瘦身指南
2021/05/26 Redis
Vue router配置与使用分析讲解
2022/12/24 Vue.js