Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Enable passing `formatStyle` to Intl.DateTimeFormat

未关闭
#260 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
45/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
停滞
技术栈
javascript

调研方向

从 src/relative-time-element.ts 中引用行附近的第 173 行和第 188 行开始,将现有的 Intl.RelativeTimeFormat 配置与 Intl.DateTimeFormat 进行比较。阅读链接的 MDN 关于 timeStyle 和 dateStyle 的指导,然后确定对于今天与之后的日期,组件应如何提供这些选项。完成标准是调用方可以通过组件 API 配置所请求的时间和日期样式。

由索引模型根据 Issue 内容生成。

描述

Here A style argument is being passed to the config of the Intl.RelativeTimeFormat constructor.

But Here There's no way to configure the timeStyle or dateStyle properties as described in the MDN docs below:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#using_timestyle_and_datestyle

We have a use case where for DateTime's fitting within the users "today" we only want to display the timeStyle: 'short', but for DateTimes after today we only want to display the dateStyle: 'short' and with the current api I'm not sure how exactly to go about that 🤔

主要语言
JavaScript
星标
4k
派生
194
平均合并
4 天 10 小时
30 天内合并 PR
5

环境准备

在 Codespaces 中打开

在浏览器里用你自己的 GitHub 账号启动这个项目的开发容器。

  • 没有 Dockerfile 或 Docker Compose 文件
  • 没有 Pull Request 模板
  • 阅读贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

github/relative-time-element 的其他 Issue

查看 github/relative-time-element 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。