微信小程序实现日期格式化和倒计时


Posted in Javascript onNovember 01, 2020

本文实例为大家分享了微信小程序实现日期格式化和倒计时的具体代码,供大家参考,具体内容如下

首先看看日期怎么格式化

第一种:

Date.prototype.Format = function (fmt) { //author: meizz 
 var o = {
 "M+": this.getMonth() + 1, //月份 
 "d+": this.getDate(), //日 
 "h+": this.getHours(), //小时 
 "m+": this.getMinutes(), //分 
 "s+": this.getSeconds(), //秒 
 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
 "S": this.getMilliseconds() //毫秒 
 };
 if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
 for (var k in o)
 if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
 return fmt;
 
}

然后是调用this.value1=new Date().Format("yyyy-MM-dd HH:MM:SS")

第二种

1.中国标准时间格式化:

formatDateTime:function(theDate) {
 var _hour = theDate.getHours();
 var _minute = theDate.getMinutes();
 var _second = theDate.getSeconds();
 var _year = theDate.getFullYear()
 var _month = theDate.getMonth();
 var _date = theDate.getDate();
 if (_hour < 10) { _hour ="0" + _hour }
 if (_minute < 10) { _minute = "0" + _minute }
 if (_second < 10) { _second = "0" + _second }
 _month = _month + 1
 if (_month < 10) { _month = "0" + _month; }
 if (_date < 10) { _date ="0" + _date }
 var time= _year + "-" + _month + "-" + _date + " " + _hour + ":" + _minute + ":" + 
 _second;
// var time = new Date();
// var formatTime = formatDateTime(time);
// 返回结果:
// Tue Jun 06 2017 15:31:09 GMT+ 0800(中国标准时间)
// 2017 - 06 - 06 15:31:09
//clock为在data中定义的空变量,存放转化好的日期
 this.setData({
 clock: time
 })
},

2、把格式化时间转换为毫秒数

var formatTimeS = new Date('2017-06-06 15:31:09').getTime();

返回结果:1496734269900

3、把毫秒数转换为标准时间

var formatTimeS = new Date(1496734269900);

返回结果:Tue Jun 06 201715:31:09 GMT+0800(中国标准时间)

二、实现倒计时

//倒计时:其中time_canshu为传入的毫秒数
date_format: function (time_canshu) {
 // let formatTime1 = new Date().getTime();
 // let formatTime2 = new Date('2018-04-24 15:31:09').getTime();
 // let formatTimeS = new Date(formatTime2 - formatTime1);
 var none = '00:00:00';
 if (formatTimeS<=0){
 this.setData({
 clock: none
 })} else {
 // 秒数
 letsecond = Math.floor(time_canshu / 1000);
 // 小时位
 lethr = Math.floor(second / 3600);
 // 分钟位
 letmin = Math.floor((second - hr * 3600) /60);
 // 秒位
 letsec = second % 60;// equal to => var sec = second % 60;
 if (hr <= 9) hr ='0' + hr;
 if (min <= 9) min ='0' + min;
 if (sec <= 9) sec ='0' + sec;
 lettime = hr + ":" + min + ":" + sec + " ";
 this.setData({
 clock: time
 })
 }
},

时间戳转化为日期格式函数

//时间戳转化为日期格式
function timestampToTime(timestamp) {
 var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
 var Y = date.getFullYear() + '-';
 var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
 var D = date.getDate() + ' ';
 var h = date.getHours() + ':';
 var m = date.getMinutes() + ':';
 var s = date.getSeconds();
 return Y+M+D+h+m+s;
 }
 timestampToTime(1403058804);
 console.log(timestampToTime(1403058804));//2014-06-18 10:33:24
 
//日期格式转化为时间戳
var date = new Date('2014-04-23 18:55:49:123');
 // 有三种方式获取
 var time1 = date.getTime();
 var time2 = date.valueOf();
 var time3 = Date.parse(date);
 console.log(time1);//1398250549123
 console.log(time2);//1398250549123
 console.log(time3);//1398250549000
//以上三种获取方式的区别:第一、第二种:会精确到毫秒第三种:只能精确到秒,毫秒用000替代以上三个输出结果可观察其区别注意:获取到的时间戳除以1000就可获得Unix时间戳,就可传值给后台得到。

分/秒转化为天时分

secondToDate (result) {
 if (result > 60) {
 let d = parseInt(Math.floor(result / 86400))
 let h = d > 0? Math.floor((result - d * 86400) / 3600): Math.floor(result / 3600);
 let m = h > 0? Math.floor((result - d * 86400 - h * 3600) / 60): Math.floor(result / 60);
 return d + '天:' + h + '时:' + m + '分'
 } else {
 return result + '秒'
 }
 }

为大家推荐现在关注度比较高的微信小程序教程一篇:《微信小程序开发教程》小编为大家精心整理的,希望喜欢。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript 模式实例 观察者模式
Oct 24 Javascript
JS OOP包机制,类创建的方法定义
Nov 02 Javascript
javascript中[]和{}对象使用介绍
Mar 20 Javascript
Js 导出table内容到Excel的简单实例
Nov 19 Javascript
$.each与$().each的区别示例介绍
Mar 20 Javascript
jquery ztree实现模糊搜索功能
Feb 25 Javascript
Webpack实战加载SVG的方法
Dec 26 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
vue实现下拉加载其实没那么复杂
Aug 13 Javascript
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
微信h5静默和非静默授权获取用户openId的方法和步骤
Jun 08 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
Sep 04 Javascript
微信小程序实现商城倒计时
Nov 01 #Javascript
微信小程序实现批量倒计时功能
Nov 01 #Javascript
微信小程序实现订单倒计时
Nov 01 #Javascript
Vue监听页面刷新和关闭功能
Jun 20 #Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
Jun 20 #Javascript
js实现页面多个日期时间倒计时效果
Jun 20 #Javascript
vue实现绑定事件的方法实例代码详解
Jun 20 #Javascript
You might like
PHP遍历数组的几种方法
2012/03/22 PHP
smarty模板局部缓存方法使用示例
2014/06/17 PHP
PHP邮件发送类PHPMailer用法实例详解
2014/09/22 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
PHP get_html_translation_table()函数用法讲解
2019/02/16 PHP
关于捕获用户何时点击window.onbeforeunload的取消事件
2011/03/06 Javascript
JavaScript 继承使用分析
2011/05/12 Javascript
node.js中的fs.mkdir方法使用说明
2014/12/17 Javascript
浅谈 javascript 事件处理
2015/01/04 Javascript
基于jQuery实现选取月份插件附源码下载
2015/12/28 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
jQuery获取随机颜色的实例代码
2018/05/21 jQuery
微信小程序实现顶部下拉菜单栏
2018/11/04 Javascript
微信小程序实现滑动翻页效果(完整代码)
2019/12/06 Javascript
javascript读取本地文件和目录方法详解
2020/08/06 Javascript
[01:00:59]VP VS VG Supermajor小组赛胜者组第二轮 BO3第二场 6.2
2018/06/03 DOTA
python的re模块应用实例
2014/09/26 Python
python使用xlrd模块读写Excel文件的方法
2015/05/06 Python
在Python中用has_key()方法查找键是否存在的教程
2015/05/21 Python
Python+tkinter模拟“记住我”自动登录实例代码
2018/01/16 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
opencv实现简单人脸识别
2021/02/19 Python
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
高一地理教学反思
2014/01/18 职场文书
局火灾防控工作方案
2014/05/25 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
中学生检讨书范文
2014/11/03 职场文书
出差报告范文
2014/11/06 职场文书
先进个人事迹材料范文
2014/12/30 职场文书
2015年保育员个人工作总结
2015/05/13 职场文书
生产车间管理制度
2015/08/04 职场文书
八年级作文之友情
2019/11/25 职场文书
Ajax实现局部刷新的方法实例
2021/03/31 Javascript
业余无线电通联Q语
2022/02/18 无线电