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


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 相关文章推荐
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
Apr 26 Javascript
jQuery照片伸缩效果不影响其他元素的布局
May 09 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
Feb 19 Javascript
Javascript字符串常用方法详解
Jul 21 Javascript
浅谈JavaScript中promise的使用
Jan 11 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
Feb 12 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
Nov 22 Javascript
AngularJS自定义过滤器用法经典实例总结
May 17 Javascript
35个最好用的Vue开源库(史上最全)
Jan 03 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
Apr 03 Javascript
vscode 插件开发 + vue的操作方法
Jun 05 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
MySQL相关说明
2007/01/15 PHP
解决phpmyadmin中缺少mysqli扩展问题的方法
2013/05/06 PHP
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
PHP5多态性与动态绑定介绍
2015/04/03 PHP
PHP中substr_count()函数获取子字符串出现次数的方法
2016/01/07 PHP
PHP7 新增功能
2021/03/09 PHP
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
Jquery解析json字符串及json数组的方法
2015/05/29 Javascript
smartupload实现文件上传时获取表单数据(推荐)
2016/12/12 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
2016/12/30 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
详解javascript中的变量提升和函数提升
2018/05/24 Javascript
Vue中Quill富文本编辑器的使用教程
2018/09/21 Javascript
vue学习笔记之作用域插槽实例分析
2020/02/01 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
2020/07/19 Javascript
关于JavaScript数组去重的一些理解汇总
2020/09/10 Javascript
python抓取网页中链接的静态图片
2018/01/29 Python
python3爬取数据至mysql的方法
2018/06/26 Python
mac下如何将python2.7改为python3
2018/07/13 Python
python 反向输出字符串的方法
2018/07/16 Python
Python常用的json标准库
2019/02/19 Python
Python3 Tkinter选择路径功能的实现方法
2019/06/14 Python
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
英国最大的百货公司:Harrods
2016/08/18 全球购物
瑜伽灵感珠宝:Satya Jewelry
2018/01/06 全球购物
蒂娜商店:Tiina the Store
2019/12/07 全球购物
幼儿园教师备课制度
2014/01/12 职场文书
太太口服液广告词
2014/03/20 职场文书
企业元宵节主持词
2014/03/25 职场文书
奶茶店创业计划书
2014/08/14 职场文书
乡镇党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
python字符串的多行输出的实例详解
2021/06/08 Python
Nginx跨域问题解析与解决
2022/08/05 Servers