javascript日期获取(推荐22个实用的一行Javascript代码Date大全)

日常开发中,Date对于我们来说是经常使用到的,平常使用的一些UI框架,如Antd、ElementUI等都会使用像moment.js、day.js的时间工具库去处理它们关于时间的组件,但当我们脱离这些框架,想去解决一个关于时间转换的问题,引入一个时间工具库就显得冗余了,由此这里给大家分享22个关于Date实用的一行Javascript与typescript代码大全,建议收藏阅读,今天小编就来聊一聊关于javascript日期获取?接下来我们就一起去研究一下吧!

javascript日期获取(推荐22个实用的一行Javascript代码Date大全)

javascript日期获取

日常开发中,Date对于我们来说是经常使用到的,平常使用的一些UI框架,如Antd、ElementUI等都会使用像moment.js、day.js的时间工具库去处理它们关于时间的组件,但当我们脱离这些框架,想去解决一个关于时间转换的问题,引入一个时间工具库就显得冗余了,由此这里给大家分享22个关于Date实用的一行Javascript与typescript代码大全,建议收藏阅读!

前置知识

Intl 对象是 ECMAScript 国际化 API 的一个命名空间,它提供了精确的字符串对比、数字格式化,和日期时间格式化。Collator,NumberFormat 和 DateTimeFormat 对象的构造函数是 Intl 对象的属性。了解更多

Intl.DateTimeFormat是根据语言来格式化日期和时间的对象的构造器

语法:

// locales为语言 new Intl.DateTimeFormat([locales[, options]]) Intl.DateTimeFormat.call(this[, locales[, options]]) // 格式化对应语言得日期,date为Date实例,返回日期字符串 new Intl.DateTimeFormat(locale).format(date) // 获取时区 Intl.DateTimeFormat().resolvedOptions().timeZone

22个关于Date实用的一行Javascript与typescript代码大全

为小时添加AM/PM

JavaScript 版本

// `h` 是 0 到 23 之间的小时数 const suffixAmPm = (h) => `${h % 12 === 0 ? 12 : h % 12}${h < 12 ? 'am' : 'pm'}`;

TypeScript 版本

const suffixAmPm = (h: number): string => `${h % 12 === 0 ? 12 : h % 12}${h < 12 ? 'am' : 'pm'}`;

Demo

suffixAmPm(0); // '12am' suffixAmPm(5); // '5am' suffixAmPm(12); // '12pm' suffixAmPm(15); // '3pm' suffixAmPm(23); // '11pm'

计算两个日期之间的差异天数

JavaScript 版本

const diffDays = (date, otherDate) => Math.ceil(Math.abs(date - otherDate) / (1000 * 60 * 60 * 24));

TypeScript 版本

const diffDays = (date: Date, otherDate: Date): number => Math.ceil(Math.abs(date.valueOf() - otherDate.valueOf()) / (1000 * 60 * 60 * 24));

Demo

diffDays(new Date('2014-12-19'), new Date('2020-01-01')); // 1839

计算两个日期之间的月数

JavaScript 版本

const monthDiff = (startDate, endDate) => Math.max(0, (endDate.getFullYear() - startDate.getFullYear()) * 12 - startDate.getMonth() endDate.getMonth());

TypeScript 版本

const monthDiff = (startDate: Date, endDate: Date): number => Math.max(0, (endDate.getFullYear() - startDate.getFullYear()) * 12 - startDate.getMonth() endDate.getMonth());

Demo

monthDiff(new Date('2020-01-01'), new Date('2021-01-01')); // 12

比较两个日期

JavaScript 版本

// `a` 和 `b` 是 `Date` 实例 const compare = (a, b) => a.getTime() > b.getTime();

TypeScript 版本

const compare = (a: Date, b: Date): boolean => a.getTime() > b.getTime();

Demo

compare(new Date('2020-03-30'), new Date('2020-01-01')); // true

将日期转换为 YYYY-MM-DD 格式

JavaScript 版本

// `date` 是对象实例 const formatYmd = (date) => date.toISOString().slice(0, 10);

TypeScript 版本

const formatYmd = (date: Date): string => date.toISOString().slice(0, 10);

Demo

formatYmd(new Date()); // 2020-05-06

将秒转换为 hh:mm:ss 格式

JavaScript 版本

// `s` 秒数 const formatSeconds = (s) => new Date(s * 1000).toISOString().substr(11, 8); // Or const formatSeconds = (s) => new Date(s * 1000).toUTCString().match(/(\d\d:\d\d:\d\d)/)[0]; // Or const formatSeconds = (s) => [parseInt(s / 60 / 60), parseInt((s / 60) % 60), parseInt(s % 60)].join(':').replace(/\b(\d)\b/g, '0$1');

TypeScript 版本

const formatSeconds = (s: number): string => new Date(s * 1000).toISOString().substr(11, 8); // Or const formatSeconds = (s: number): string => (new Date(s * 1000).toUTCString().match(/(\d\d:\d\d:\d\d)/) as string[])[0]; // Or const formatSeconds = (s: number): string => ( [parseInt(`${s / 3600}`), parseInt(`${(s / 60) % 60}`), parseInt(`${s % 60}`)].join(':').replace(/\b(\d)\b/g, '0$1') );

Demo

formatSeconds(200); // 00:03:20 formatSeconds(500); // 00:08:20

从日期中提取年、月、日、时、分、秒和毫秒

JavaScript 版本

// `date` 是一个 `Date` 对象 const extract = (date) => date .toISOString() .split(/[^0-9]/) .slice(0, -1); // `extract` 是一个 [年、月、日、小时、分钟、秒、毫秒] 的数组

TypeScript 版本

const extract = (date: Date): string[] => date .toISOString() .split(/[^0-9]/) .slice(0, -1);

Demo

extract(new Date()); // ['2021', '12', '09', '04', '48', '36', '600']

格式化给定语言环境的日期

JavaScript 版本

// `date` 是一个 `Date` 对象 // `locale` 是一个语言环境(例如 en-US、pt-BR) const format = (date, locale) => new Intl.DateTimeFormat(locale).format(date);

TypeScript 版本

const format = (date: Date, locale: string): string => new Intl.DateTimeFormat(locale).format(date);

Demo

format(new Date(), 'pt-BR'); // 06/05/2020

获取日期的当前季度

JavaScript 版本

const getQuarter = (d = new Date()) => Math.ceil((d.getMonth() 1) / 3);

TypeScript 版本

const getQuarter = (d = new Date()): number => Math.ceil((d.getMonth() 1) / 3);

以秒为单位获取当前时间戳

JavaScript 版本

const ts = () => Math.floor(new Date().getTime() / 1000);

TypeScript 版本

const ts = (): number => Math.floor(new Date().getTime() / 1000);

从日期获取一年中的哪一天

JavaScript 版本

// `date` 是一个 `Date` 对象 const dayOfYear = (date) => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / (1000 * 60 * 60 * 24));

TypeScript 版本

const dayOfYear = (date: Date): number => Math.floor((date.valueOf() - new Date(date.getFullYear(), 0, 0).valueOf()) / (1000 * 60 * 60 * 24));

Demo

dayOfYear(new Date(2020, 04, 16)); // 137

获取日期所在月份的第一个日期

JavaScript 版本

const getFirstDate = (d = new Date()) => new Date(d.getFullYear(), d.getMonth(), 1);

TypeScript 版本

const getFirstDate = (d = new Date()): Date => new Date(d.getFullYear(), d.getMonth(), 1);

获取日期所在月份的最后一个日期

JavaScript 版本

const getLastDate = (d = new Date()) => new Date(d.getFullYear(), d.getMonth() 1, 0);

TypeScript 版本

const getLastDate = (d = new Date()): Date => new Date(d.getFullYear(), d.getMonth() 1, 0);

获取日期的月份名称

JavaScript 版本

// `date` 是一个 Date 对象 const getMonthName = (date) => ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', ' November', 'December'][date.getMonth()];

TypeScript 版本

const getMonthName = (date: Date): string => ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', ' November', 'December'][date.getMonth()];

获取给定月份的天数

JavaScript 版本

// `month` 是从零开始的索引 const daysInMonth = (month, year) => new Date(year, month, 0).getDate();

TypeScript 版本

const daysInMonth = (month: number, year: number): number => new Date(year, month, 0).getDate();

获取时区字符串

JavaScript 版本

const getTimezone = () => Intl.DateTimeFormat().resolvedOptions().timeZone;

TypeScript 版本

const getTimezone = (): string => Intl.DateTimeFormat().resolvedOptions().timeZone;

Demo

getTimezone(); // 'Asia/Saigon'

获取明天的日期

JavaScript 版本

const tomorrow = ((d) => new Date(d.setDate(d.getDate() 1)))(new Date()); // Or const tomorrow = new Date(new Date().valueOf() 1000 * 60 * 60 * 24);

TypeScript 版本

const tomorrow: Date = ((d) => new Date(d.setDate(d.getDate() 1)))(new Date()); // Or const tomorrow: Date = new Date(new Date().valueOf() 1000 * 60 * 60 * 24);

获取一年中的总天数

JavaScript 版本

const numberOfDays = (year) => ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0 ? 366 : 365); // Or const numberOfDays = (year) => (new Date(year, 1, 29).getDate() === 29 ? 366 : 365);

TypeScript 版本

const numberOfDays = (year: number): number => ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0 ? 366 : 365); // Or const numberOfDays = (year: number): number => (new Date(year, 1, 29).getDate() === 29 ? 366 : 365);

获取日期的工作日

JavaScript 版本

// `date` is a Date object const getWeekday = (date) => ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];

TypeScript 版本

const getWeekday = (date: Date): string => ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];

获取昨天的日期

JavaScript 版本

const yesterday = ((d) => new Date(d.setDate(d.getDate() - 1)))(new Date()); // Or const yesterday = new Date(new Date().valueOf() - 1000 * 60 * 60 * 24);

TypeScript 版本

const yesterday: Date = ((d) => new Date(d.setDate(d.getDate() - 1)))(new Date()); // Or const yesterday: Date = new Date(new Date().valueOf() - 1000 * 60 * 60 * 24);

初始化当前日期但将时间设置为午夜

JavaScript 版本

const midnightOfToday = () => new Date(new Date().setHours(0, 0, 0, 0));

TypeScript 版本

const midnightOfToday = (): Date => new Date(new Date().setHours(0, 0, 0, 0));

对日期数组进行排序

JavaScript 版本

// `arr` 是一个包含 `Date` 项的数组 const sortDescending = (arr) => arr.sort((a, b) => a.getTime() > b.getTime()); const sortAscending = (arr) => arr.sort((a, b) => a.getTime() < b.getTime());

TypeScript 版本

const sortDescending = (arr: Date[]): Date[] => arr.sort((a, b) => a.getTime() - b.getTime()); const sortAscending = (arr: Date[]): Date[] => arr.sort((a, b) => b.getTime() - a.getTime());

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页