JS时间骚操作

2022/03/22 Frontend JS Date

JS中的时间骚操作知道少 Don’t Panic

（以当前日期new Date()为例。也可以将例中new Date()换成任意Date对象）

获取今天的0时0分0秒（常用于开始日期的获取）

var startDate= new Date(new Date().toLocaleDateString()); //Tue May 15 2018 00:00:00 GMT+0800 (中国标准时间)

获取一个月前的日期

var lastM =new Date(new Date().setMonth(new Date().getMonth()-1));//Sun Apr 15 2018 09:18:08 GMT+0800 (中国标准时间)

获取一个月前的0时0分0秒

var lastM_start =new Date(new Date(new Date().toLocaleDateString()).setMonth(new Date().getMonth()-1));
//Sun Apr 15 2018 00:00:00 GMT+0800 (中国标准时间)

获取前一天的日期

var yesterday = new Date(new Date().setDate(new Date().getDate()-1));//Mon May 14 2018 09:26:39 GMT+0800 (中国标准时间)

获取今天的23时59分59秒

var endDate = new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1);
//Tue May 15 2018 23:59:59 GMT+0800 (中国标准时间)

获取昨天的23时59分59秒

var yes_endDate = new Date(new Date(new Date(new Date().setDate(new Date().getDate()-1)).toLocaleDateString()).getTime()+24*60*60*1000-1);
//Mon May 14 2018 23:59:59 GMT+0800 (中国标准时间)

实现Date的Format方法

// 对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:m:s.S")      ==> 2006-7-2 8:9:4.18
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;
}

JavaScript toLocaleString() 方法

定义和用法
toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串，并返回结果。

返回值
dateObject 的字符串表示，以本地时间区表示，并根据本地规则格式化。

注意：

var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));

//假定本地时区是 America/Los_Angeles(美国时区)
//en-US(美利坚英语)使用 month-day-year 的顺序展示年月日
alert(date.toLocaleString("en-US"));
// → "12/19/2012, 7:00:00 PM"

// en-GB(不列颠英语)使用 day-month-year 顺序展示年月日
alert(date.toLocaleString("en-GB"));
// → "20/12/2012 03:00:00"

// 韩语使用 year-month-day 顺序展示年月日
alert(date.toLocaleString("ko-KR"));
// → "2012. 12. 20. 오후 12:00:00"

该方法时区不同，所得到的年月会不同。配合Date.getTime()获得的（返回 1970 年 1 月 1 日至今的毫秒数。）也会发生巨大变化；

Date.prototype.toLocaleDateString()

Date 实例转为表示本地时间的字符串，有常见三种方法
- Date.prototype.toLocaleString()：完整的本地时间。
- Date.prototype.toLocaleDateString()：本地日期（不含小时、分和秒）。
- Date.prototype.toLocaleTimeString()：本地时间（不含年月日）

new Date().toLocaleTimeString() // "下午12:26:15"
new Date().toLocaleDateString() // "2020/10/18"
new Date().toLocaleString() // "2020/10/18 下午12:26:24"
// 转为zh-CN中国本地24小时时间：
new Date(e.createdTime).toLocaleString('zh-CN', { hour12: false });

显示日期+显示星期+显示不同地区语言

//日期
{{formatDate('2020/10/18')}}</p>
formatDate(date) {
     const options = { year: 'numeric', month: 'long', day: 'numeric' }
     return new Date(date).toLocaleDateString('zh-CN', options)
}
//结果: 2020年10月18日

// Week
{{formatDate('2020/10/18')}}</p>

formatDate(date) {
     const options = {  weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }
     return new Date(date).toLocaleDateString('zh-CN', options)
}

//结果: 2020年10月18日星期日

{{formatDate('2020/10/18')}}</p>

formatDate(date) {
     const options = {  weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }
     return new Date(date).toLocaleDateString('en-US', options)
}
// 结果: Sunday, October 18, 2020

{{formatDate('2020/10/18')}}</p>

formatDate(date) {
     const options = {  weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }
     return new Date(date).toLocaleDateString('en-US', options)
}

options
- dateStyle：可能的值为full、long、medium、short。
- timeStyle：可能的值为full、long、medium、short。
- month：可能的值为numeric、2-digit、long、short、narrow。
- year：可能的值为numeric、2-digit。
- weekday：可能的值为long、short、narrow。
- day、hour、minute、second：可能的值为numeric、2-digit。
- timeZone：可能的值为 IANA 的时区数据库。
- timeZooneName：可能的值为long、short。
- hour12：24小时周期还是12小时周期，可能的值为true、false

  new Date().toLocaleDateString('zh-CN', {
  weekday: 'long',
  year: 'numeric',
  month: 'long',
  day: 'numeric'
})
// "2020年10月18日星期日"

new Date().toLocaleTimeString('zh-CN', {
  timeZone: 'Asia/Shanghai',
  hour12: false,
  timeZoneName: 'long'
})
// "中国标准时间 12:20:18"

new Date().toLocaleTimeString('zh-CN', {
  timeZone: 'Asia/Shanghai',
  hour12: true,
  day: 'numeric'
})
// "18日 下午12:21:29"

扩展+分割+显示不同单位如美元人民币+控制小数位

分割

在Number的原型上也有这个方法toLocaleString,即Number.prototype.toLocaleString()

const price = 12345678;
price.toLocaleString(); // => "12,345,678"

currency 单位列表，查看

var price = 2499;
price.toLocaleString('zh-CN', {
  style: 'currency',
  currency: 'RMB'
});
// "RMB 2,499.00"

var price = 2499;
price.toLocaleString('zh-CN', {
  style: 'currency',
  currency: 'USD'
});
// "US$2,499.00"

控制小数位

var price = 2499;
price.toLocaleString('zh-CN', {
  style: 'currency',
  currency: 'KNS',
  minimumFractionDigits:3
});
// "KNS 2,499.000"

angular date pipe

<td *ngFor="let col of columns" [ngSwitch]="col.field">
    <div *ngSwitchCase="'create_time'">{{ rowData[col.field] | date: 'yyyy-MM-dd HH:mm:ss':'GMT+08:00' }}div>
    <div *ngSwitchDefault>{{ rowData[col.field] }}div>
td>

– 当然，服务器可能会设置不是zh-CN这时就需要转换时区

// value = '2020-02-23 13:33:44' 此处输入format时间省略了后面1000毫秒之内的数字
new Date(new Date(value).toLocaleString("en-US")).getTime();
// 注意服务器可能还有 1000 毫秒被省略，查询时还要加条件
this.filter.time ? `[${this.filter.time},${this.filter.time + 1000}]` : ''

打赏

支付宝

微信

Just-In-Time Compilation of Javascript

Arizona State University MAT170 functions In exam

本文作者：catzillaorz

永久链接：http://catzillaorz.github.io/2022/03/22/JS%E6%97%B6%E9%97%B4%E9%AA%9A%E6%93%8D%E4%BD%9C/

JS中的时间骚操作知道少 Don’t Panic

Date.prototype.toLocaleDateString()

更多