最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】ReactJS中的JS的日期时间的格式化

ReactJS crifan 6446浏览 0评论

lodash 日期 格式化

javascript时间格式format函数,js日期格式化函数

javascript Date format(js日期格式化) – 一路前行 – 博客园

Javascript格式化Date日期 – 简书

js格式化时间的方法_Javascript教程_网页制作_码蚁之家

js学习笔记 – javascript Date format(日期格式化) | 好JSER好JSER

【总结】

后来,整理出功能更完整的用ES6的语法的代码:

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

调用:

    const recentBreedingDateStr = datetimeToStr(timestampToDate(recent_breeding_date), "无", "MM-dd HH:mm");
                value={datetimeToStr(this.state.breedingDate, "请选择")}
    postJson["peizhong_date"] = datetimeToStr(this.state.breedingDate);
      let parsedBornDate = strToDatetime(data.born_date);
      if (parsedBornDate === null)
        parsedBornDate = INVALID_DATE;

转载请注明:在路上 » 【已解决】ReactJS中的JS的日期时间的格式化

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
82 queries in 0.180 seconds, using 22.12MB memory