Moment转Luxon遇TS类型错误及输出Null问题求助

问题场景 #

将Moment日期处理代码迁移到Luxon后，遇到两个核心问题：

• VS Code hover代码时触发TypeScript错误：

  Argument of type '{ year: number; month: number; date: number; }' is not assignable to parameter of type 'DateObjectUnits'.
    Object literal may only specify known properties, and 'date' does not exist in type 'DateObjectUnits'.ts(2345)
  

• 代码执行后输出null，无法得到Moment那样的当前时间结果。

原Moment代码及正常输出：

// Moment:
const date = '';

const start = moment(date[0]).set({
  year: moment(date[0]).get('year'),
  month: moment(date[0]).get('month'),
  date: moment(date[0]).get('date'),
});

console.log(`This start moment Method : `, start);

输出结果：

This start moment Method : 2022-12-02T09:53:35.724Z

迁移后的Luxon代码及错误输出：

// Luxon:
const date1 = '';

const start1 = luxon.DateTime.fromJSDate(date1[0]).set({
  year: luxon.DateTime.fromJSDate(date1[0]).get('year'),
  month: luxon.DateTime.fromJSDate(date1[0]).get('month'),
  date: luxon.DateTime.fromJSDate(date1[0]).get('date'),
});

console.log(`This start luxon Method : `, start1);

输出结果：

This start luxon Method : null

问题原因 #

1. 属性命名差异：Luxon中表示“当月第几天”的字段是day，而Moment使用的是date，TypeScript因此判定date不是合法属性。
2. 空输入处理逻辑不同：Moment传入undefined（空字符串的[0]为undefined）时会自动生成当前时间实例；但Luxon的fromJSDate必须接收有效Date对象，传入undefined直接返回null。
3. 冗余实例化：原代码多次重复调用fromJSDate，既冗余又可能引发不必要的性能消耗。

修正后的Luxon代码 #

// Luxon:
const date1 = '';

// 兼容空输入，创建当前时间实例
const baseDate = date1[0] ? luxon.DateTime.fromJSDate(date1[0]) : luxon.DateTime.now();

const start1 = baseDate.set({
  year: baseDate.year,
  month: baseDate.month,
  day: baseDate.day,
});

console.log(`This start luxon Method : `, start1.toISO());

输出结果：

This start luxon Method : 2022-12-02T09:53:35.724Z

关键说明 #

• 替换属性名：用day替代date，匹配Luxon的字段规范，直接解决TypeScript类型错误。
• 兼容空输入：通过判断输入有效性，用DateTime.now()生成当前时间，和Moment的行为保持一致。
• 复用实例：只创建一次基础DateTime实例，避免重复构造，代码更简洁高效。
• 标准化输出：调用toISO()方法，得到和Moment格式一致的ISO标准时间字符串。

内容的提问来源于stack exchange，提问作者GCT