js 时间 和字符串之间的转化

时间对象与字符串之间的转换方法
最新推荐文章于 2022-03-17 08:50:36 发布
原创 最新推荐文章于 2022-03-17 08:50:36 发布 · 192 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#时间 #字符串 #转化

本文介绍了一个JavaScript函数，用于将时间对象转化为指定格式的字符串，并解释了各种符号的含义；同时提供了一个字符串转时间对象的方法，确保了日期字符串与时间对象之间的准确转换。

之前写到过，js中new Date()能接受的字符串格式，各个浏览器不一样，这次写了个关于时间对象和字符串之间的转化的方法

 

时间对象转化为字符串

 

function formatDate (date, format) {
    var convert, res = '';
    convert = {
        'y': function (str) {
            return (date.getFullYear() + '').slice(-(str.length < 4 ? 2 : str.length));
        },
        'M': function (str) {
            var length, m, month, monthName;
            length = str.length < 6 ? str.length : 6;
            month = date.getMonth() + 1;
            monthName = [
                ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
                ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
                ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
            ];
            if (length === 1) {
                m = month;
            } else if (length === 2) {
                m = ('0' + month).slice(-2);
            } else {
                m = monthName[length - 3][month - 1];
            }
            return m;
        },
        'd': function (str) {
            var d = date.getDay();
            return str.length === 1 ? d : ('0' + d).slice(-2);
        },
        'H': function (str) {
            //24小时制
            var h = date.getHours();
            res = '';
            return str.length === 1 ? h : ('0' + h).slice(-2);
        },
        'h': function (str) {
            //12小时制
            var h;
            h = date.getHours();
            res = ' AM';
            if (h > 12) {
                h = h - 12;
                res = ' PM';
            }
            return str.length === 1 ? h : ('0' + h).slice(-2);
        },
        'm': function (str) {
            var m = date.getMinutes();
            return str.length === 1 ? m : ('0' + m).slice(-2);
        },
        's': function (str) {
            var s = date.getSeconds();
            return str.length === 1 ? s : ('0' + s).slice(-2);
        },
        'S': function (str) {
            var s = date.getMilliseconds();
            return str.length === 1 ? s : ('00' + s).slice(-3);
        },
        'D': function (str) {
            var d, name, length;
            name = [
                ['Sun', 'Mon','Tue','Wed','Thu','Fri','Sat'],
                ['Sunday', 'Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
                ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
                ['周日','周一','周二','周三','周四','周五','周六']
            ];
            d = date.getDay();
            length = str.length < 4 ? str.length : 4;
            return name[length - 1][d];
        }
    }
    return format.replace(/y+|M+|d+|H+|h+|m+|s+|S+|D+/g, function (str) {
        return convert[str.charAt(0)](str);
    }) + res;
}

 

 符号解释

   y  : 年份 yy两位数 yyyy四位数

   M : 月份 M 数字无前置的0，MM有前置0，MMM英文缩写，MMMM英文完整写法，MMMMM中文如十二月 ，MMMMMM 数字+月 如 6月 无前置0

   d  : 日 d无前置0，dd有前置0

   H  : 24小时制 H无前置0，HH有前置0

   h  : 12小时制 h无前置0，hh有前置0 （会在结果字符串末尾加上AM或者PM）

   m : 分钟 m无前置0，mm有前置0

   s  : 秒数 s无前置0，ss有前置0

   S  : 毫秒数 S无前置0，SSS有前置0（SS也一样）

   D  : 星期 D英文缩写，DD英文完整写法，DDD中文如星期三，DDDD中文如周三

 如 formatDate(new Date(), 'dd-MMM-yyyy HH:mm:ss SSS')

 

字符串转为时间对象

 

function parseDate (str, format) {
    var type, convert, year = 1970, month = 1, day = 1, hour = 0, minute = 0, second = 0, milli = 0, date;
    convert = {
        'y': function () {
            format = format.replace(/y+/, function (match) {
                var length;
                length = match.length;
                year = str.substring(0, length);
                str = str.replace(year, '');
                year = Number(year);
                return '';
            });
            return year;
        },
        'M': function () {
            month = undefined;
            format = format.replace(/M+/, function (match) {
                var length, single, tens, monthName;
                length = match.length;
                monthName = 'JAN1FEB2MAR3APR4MAY5JUN6JUL7AUG8SEP9OCT10NOV11DEC12一1二2三3四4五5六6七7八8九9十10十一11十二12';
                if (length < 3) {
                    str = str.replace(/^\d{1,2}/, function (num) {
                        month = Number(num);
                        return '';
                    });
                } else if (length < 6) {
                    var name, reg;
                    name = str.match(/\D+/)[0];
                    reg = new RegExp(name.substring(0,3).replace('月', '').toUpperCase() + '(\\d+)');
                    month = Number(monthName.match(reg)[1]);
                    str = str.replace(name, '');
                } else {
                    var match;
                    match = str.match(/(\d+)月/);
                    month = Number(match[1]);
                    str = str.replace(match[0], '');
                }
                return '';
            });
            return month;
        },
        'd': function () {
            day = undefined;
            format = format.replace(/d+/, function () {
                str = str.replace(/^\d{1,2}/, function (match) {
                    day = Number(match);
                    return '';
                });
                return '';
            });
            return day;
        },
        'h': function () {
            var apm;
            hour = undefined;
            format = format.replace(/h+/, function () {
                str = str.replace(/^\d{1,2}/, function (match) {
                    hour = Number(match);
                    return '';
                });
                return '';
            });
            apm = str.match(/AM|PM/i)[0];
            if (apm && apm.toUpperCase() === 'PM') {
                hour += 12;
            }
            str = str.replace(/AM|PM/ig, '');
            return hour;
        },
        'H': function () {
            hour = undefined;
            format = format.replace(/H+/, function () {
                str = str.replace(/^\d{1,2}/, function (match) {
                    hour = Number(match);
                    return '';
                });
                return '';
            });
            return hour;
        },
        'm': function () {
            minute = undefined;
            format = format.replace(/m+/, function () {
                str = str.replace(/^\d{1,2}/, function (match) {
                    minute = Number(match);
                    return '';
                });
                return '';
            });
            return minute;
        },
        's': function () {
            second = undefined;
            format = format.replace(/s+/, function () {
                str = str.replace(/^\d{1,2}/, function (match) {
                    second = Number(match);
                    return '';
                });
                return '';
            });
            return second;
        },
        'S': function () {
            milli = undefined;
            format = format.replace(/S+/, function () {
                str = str.replace(/^\d{1,2}/, function (match) {
                    milli = Number(match);
                    return '';
                });
                return '';
            });
            return milli;
        }
    };
    format = format.replace(/^[^a-zA-Z]+/, '');
    str = str.replace(/^[^a-zA-Z0-9一二三四五六七八九十]+/, '');
    while(type = format.charAt(0)) {
        if (convert[type] && convert[type]() !== undefined) {
            format = format.replace(/^[^a-zA-Z]+/, '');
            str = str.replace(/^[^a-zA-Z0-9一二三四五六七八九十]+/, '');
        } else {
            date = new Date('Invalid Date');
            break;
        }
    }
    date || (date = new Date(year, month - 1, day, hour, minute, second, milli));
    return date;
}

 

符号的意义是一样的，只是这里没有D（星期的符号），要注意的是这里不要传没有分割符无前置0的字符串如 parseDate('2012112', 'yyyyMd') 这样没法判断是2012-11-2还是2012-1-12，为结果正确请传入有分割符的字符串如 ‘2012/11/26’ 或者 ‘2012-Aug-19’……

 

如发现有转化不正确的，请指正

js date转String 日期字符串转换
08-14
js date转String 日期字符串转换
js中的json对象和字符串之间的转化
08-04
2. **字符串与JSON对象之间的转化**：JavaScript提供了两个内置函数来实现这种转化：`JSON.stringify()`用于将JavaScript对象转换为JSON字符串，`JSON.parse()`用于将JSON字符串转换回JavaScript对象。 **描述中的...
javascript转换日期字符串
大灰狼的小绵羊哥哥的博客
08-30 456
var common = {}; //date转格式 Date.prototype.Format = function(fmt) { //author: meizz  var o = { "M+": this.getMonth() + 1, //月份  "d+": this.getDate(), //日  "h+": this.getHours(), //小时  "m+": this
【JS】时间与时间字符串之间转换
MoFe1的博客
03-17 1万+
//日期转字符串格式 function DateToStr(date) { var year = date.getFullYear();//年 var month = date.getMonth();//月 var day = date.getDate();//日 var hours = date.getHours();//时 var min = date.getMinutes();//分 var second = date.getSeco...
Javascript时间转字符串最简单方案
冰凌的博客
11-26 6587
代码 var now; function getTime(){ return now; } setInterval(()=>{ var time=new Date(); time.setHours(time.getHours()+8); time=time.toISOString(); time=time.replace('T',' '); time=time.substr(0,19); now=time; },1000); 每秒获取一次时间并处理字符串，得到当前时
js时间戳​（timestamp）​与时间字符串相互转换
学习使我快乐_玉祥
11-19 7433
获取当前时间戳ts（13位） let ts=new Date().getTime(); 将时间戳ts转换为日期 var date = new Date(ts); //date就是对应的日期对象，可以取年份，日期等等各种参数 函数 function ts_to_time(timestamp) { var date = new Date(timestamp); Y = date.getFullYear() + '-'; M = (date.g
javascript实现的字符串与十六进制表示字符串相互转换方法
12-30
本文实例讲述了javascript实现的字符串与十六进制表示字符串相互转换方法。分享给大家供大家参考。具体如下： 之所以写这个，是因为发现SQL注入和XSS中经常利用十六进制表示的字符串，比如 SELECT CONCAT(0x68656c6...
浅谈JS 数字和字符串之间相互转化的纠纷
10-19
本文主要探讨了在JS中如何将字符串转化为数字以及数字转化为字符串的方法。 首先，我们来看字符串转数字的几种方法： 1. **parseInt()** 函数：这个函数从给定的字符串开始解析，返回一个整数。例如，`parseInt('...
Vue.js 时间转换代码及时间戳转时间字符串
10-17
在处理日期和时间时，Vue.js本身并没有内置专门的方法来进行时间转换，但开发者可以利用JavaScript的Date对象来实现时间和时间戳的转换，并通过自定义方法来格式化日期时间字符串。 在给出的文件内容中，首先介绍了...
js获取时间并实现字符串和时间戳之间的转换
10-24
本篇文章将深入探讨如何使用JavaScript获取时间，并实现字符串和时间戳之间的转换。 首先，我们来了解一下JavaScript中的`Date`对象。`Date`对象是JavaScript内置的构造函数，用于创建日期和时间实例。下面是一些...
JS日期时间戳/字符串格式相互转换
Zaralike的博客
11-30 2133
一、将字符串格式日期'YYYY-MM-DD'转为时间戳 var timeStamp = new Date('2021-11-30').getTime() //1638230400000 二、将时间戳转换为字符串格式日期'YYYY-MM-DD' var date = new Date(timeStamp);//Tue Nov 30 2021 08:00:00 GMT+0800 var year = date.getFullYear(); var month = date.getMonth() + 1
JS 字符串类型转换成日期类型
ukouryou的专栏
07-17 3万+
<!-- function StringToDate(DateStr) { var converted = Date.parse(2009/01/05); alert(converted); alert(DateStr.substr(0,4)+"/"+DateStr.substr(5,2)+"/"+DateSt
js时间字符串转换成时间
jinqianwang的博客
09-21 4万+
var date = '2015-03-05 17:59:00'; date = date.substring(0,19);     date = date.replace(/-/g,'/');  var timestamp = new Date(date).getTime(); document.write(timestamp); // 根据毫秒数构建 Date 对象 var date = n...
JS时间和字符串的相互转换 Date+String
热门推荐
菜鸟的成长记录
11-24 14万+
1.js字符串转换成时间 1.1方法一：输入的时间格式为yyyy-MM-dd function convertDateFromString(dateString) { if (dateString) {  var date = new Date(dateString.replace(/-/,"/"))  return date; } } 1.2方法二：输入的时间格式为yyyy-
JS日期与字符串相互转换
老王的博客
06-08 3万+
日期转字符串12345678910111213　function dateToString(date){   var year = date.getFullYear();   var month =(date.getMonth() + 1).toString();   var day = (date.getDate()).toString();    if (month.length == 1) ...
js日期与字符串相互转化
Vasilis_1的博客
06-05 2万+
1.日期转字符串 var str = date.Format("yyyy-MM-dd"); /**  * 日期转字符串  * @param fmt  * @returns  */ Date.prototype.Format = function (fmt) {     var o = {         "M+": this.getMonth() + 1, //月份
js中如何将字符串转化为时间，并计算时间差
zz87250976的专栏
01-15 4万+
在前台页面开发时通常会用到计算两个时间的时间差，先在此附上实现方法 //结束时间 end_str = ("2014-01-01 10:15:00").replace(/-/g,"/");//一般得到的时间的格式都是：yyyy-MM-dd hh24:mi:ss，所以我就用了这个做例子，是/的格式，就不用replace了。 var end_date = new Date(end_str);//将字符
js方法将系统当前时间转换为字符串
Asan
09-02 2万+
js方法将系统时间转换为字符串案例： js方法将系统当前时间转换为字符串 $(function () { $("#clickDate").click(function () { var date=new Date(); alert("date:"+date); dateStr=dateToString(date); alert(
Js 日期与字符串互相转换
willgon的专栏
10-21 4万+
日期转字符串格式 //日期转字符串格式 function DateToStr(date) { var year = date.getFullYear();//年 var month = date.getMonth();//月 var day = date.getDate();//日 var hours = date.getHours();//时 var min = date.getMinutes();//分 var second = dat
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值