如何通过Day.js获取指定小时数值而非完整日期对象？

• 链式调用获取纯小时数值：Day.js的hour()方法带参数时是设置操作，返回完整的Day.js实例；紧接着调用不带参数的hour()就能直接拿到设置后的小时数，代码示例：

  const setHour = dayjs().hour(9).hour();
  console.log(setHour); // 输出 9
  

• 用format()生成指定格式的小时文本：如果要把小时内容插入页面元素，推荐用format()方法指定格式提取小时部分，支持24小时制和12小时制：

  // 24小时制，返回带前导零的字符串如"09"
  const hour24 = dayjs().hour(9).format('HH');
  // 12小时制，返回如"9"
  const hour12 = dayjs().hour(9).format('h');
  // 插入到页面元素
  document.querySelector('.target-element').textContent = hour24;
  

• 转为原生Date对象获取小时：如果需要和原生Date API配合，可以先把Day.js实例转成原生Date，再调用getHours()：

  const nativeHour = dayjs().hour(9).toDate().getHours();
  console.log(nativeHour); // 输出 9
  

核心逻辑是Day.js采用链式API设计，设置类方法返回实例以便后续链式操作，而获取类方法才会返回具体数值或文本。

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