TypeScript 编程中日期库（date-fns/luxon/dayjs）的类型使用指南

npm install date-fns
# 或
yarn add date-fns

import { format } from 'date-fns';

const date = new Date();
const formattedDate = format(date, 'yyyy-MM-dd');
console.log(formattedDate);

import { parse } from 'date-fns';

const dateString = '2024-01-15';
const parsedDate = parse(dateString, 'yyyy-MM-dd', new Date());
// parsedDate 的类型被推断为 Date

import { format } from 'date-fns';

interface Event {
    name: string;
    date: Date;
}

const event: Event = {
    name: 'Conference',
    date: new Date()
};

console.log(format(event.date, 'MM/dd/yyyy'));

npm install luxon
# 或
yarn add luxon

import { DateTime } from 'luxon';

const now = DateTime.now();
console.log(now.toString());

const futureDate = now.plus({ days: 7 });
// futureDate 的类型仍然是 DateTime

const invalidDate = DateTime.fromISO('invalid-date');
if (invalidDate.isValid) {
    console.log(invalidDate.toString());
} else {
    console.log('Invalid date');
}

const localString = now.toLocaleString(DateTime.DATETIME_FULL);
// localString 的类型为 string

npm install dayjs
# 或
yarn add dayjs

import dayjs from 'dayjs';

const now = dayjs();
console.log(now.format('YYYY-MM-DD'));

npm install dayjs utc
# 或
yarn add dayjs utc

import dayjs from 'dayjs';
import utc from 'dayjs/plugin/utc';

dayjs.extend(utc);

const utcNow = dayjs.utc();
console.log(utcNow.format());

import dayjs from 'dayjs';

declare module 'dayjs' {
    interface Dayjs {
        isSameDay(other: Dayjs): boolean;
    }
}

// 实现自定义方法
dayjs.prototype.isSameDay = function (other: dayjs.Dayjs) {
    return this.format('YYYY-MM-DD') === other.format('YYYY-MM-DD');
};

// 使用自定义方法
const date1 = dayjs();
const date2 = dayjs().add(1, 'day');
console.log(date1.isSameDay(date2)); // false