react 显示当前时间_【已解决】ReactJS中的JS的日期时间的格式化

export const INVALID_DATE = new Date("1970/1/1");

//from "1500422400000" or 1500422400000 to Wed Jul 19 2017 08:00:00 GMT+0800 (CST)

export function timestampToDate(timestamp) {

let convertedDate = null;

let timestampInt = 0;

if (typeof(timestamp) === "number") {

timestampInt = timestamp;

} else if (typeof(timestamp) === "string"){

timestampInt = parseInt(timestamp, 10);

}

if (timestamp > 0) {

convertedDate = new Date(timestampInt);

}

// console.log(`timestamp=${timestamp} -> ${convertedDate}`);

return convertedDate;

}

// from a date to "2017-06-30"

export function datetimeToStr(datetime, nullStr="", formatStr="yyyy-MM-dd"){

// console.log(`datetime=${datetime},nullStr=${nullStr},formatStr=${formatStr}`);

if ((datetime === null) || (datetime === INVALID_DATE))

return nullStr;

const formatedDate = datetime.Format(formatStr);

// console.log(`datetime=${datetime},nullStr=${nullStr},formatStr=${formatStr} -> formatedDate=${formatedDate}`);

return formatedDate;

}

//from "2017-02-22" to Date()

export function strToDatetime(datetimeStr){

if ((datetimeStr === "") || (datetimeStr === null))

return null;

let convertedDate = new Date(datetimeStr);

// console.log(`datetimeStr=${datetimeStr} -> convertedDate=${convertedDate}`);

return convertedDate;

}

// 对Date的扩展,将 Date 转化为指定格式的String

// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,

// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)

// 例子:

// (new Date()).Format("yyyy-MM-dd HH:mm:ss.S") ==> 2006-07-02 08:09:04.423

// (new Date()).Format("yyyy-M-d h:H:s.S")      ==> 2006-7-2 8:9:4.18

Date.prototype.Format = function (fmt) {

const 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 (const 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;

};

// var time1 = new Date().Format("yyyy-MM-dd");

// var time2 = new Date().Format("yyyy-MM-dd HH:mm:ss");

// console.log(time1);  //2017-06-09

// console.log(time2);  //2017-06-09 09:54:35

/** * 对Date的扩展,将 Date 转化为指定格式的String * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q)

可以用 1-2 个占位符 * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)

* eg:

* (new Date()).pattern("yyyy-MM-dd HH:mm:ss.S")==> 2006-07-02 08:09:04.423

* (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") ==> 2009-03-10 二 20:09:04

* (new Date()).pattern("yyyy-MM-dd EE HH:mm:ss") ==> 2009-03-10 周二 08:09:04

* (new Date()).pattern("yyyy-MM-dd EEE HH:mm:ss") ==> 2009-03-10 星期二 08:09:04

* (new Date()).pattern("yyyy-M-d H:m:s.S") ==> 2006-7-2 8:9:4.18

*/

Date.prototype.pattern=function(fmt) {

const o = {

"M+" : this.getMonth()+1, //月份

"d+" : this.getDate(), //日

"h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时

"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));

}

if (/(E+)/.test(fmt)){

fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "星期" : "周") : "") + "日一二三四五六".charAt(this.getDay()));

}

for (const 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;

};

// var date = new Date();

// console.log(date.pattern("yyyy-MM-dd EEE HH:mm:ss"));  //2017-06-09 星期五 10:16:12

// console.log(date.pattern("yyyy-MM-dd EE HH:mm:ss"));   //2017-06-09 周五 10:16:12

// console.log(date.pattern("yyyy-MM-dd E HH:mm:ss"));    //2017-06-09 五 10:16:12

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值