OpenSkillIndex← back to search
claude-code

AutoSkill JSX中默认获取并赋值当月日期

在JSX/React开发中，当传入值为空时，自动获取当前日期并格式化为YYYY-MM（如2023-04）进行赋值。

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/Users/chinese_gpt3.5_8_GLM4.7/jsx中默认获取并赋值当月日期" ~/.claude/skills/ecnu-icalk-autoskill-jsx && rm -rf "$T"
manifest: SkillBank/Users/chinese_gpt3.5_8_GLM4.7/jsx中默认获取并赋值当月日期/SKILL.md
source content

JSX中默认获取并赋值当月日期

在JSX/React开发中，当传入值为空时，自动获取当前日期并格式化为YYYY-MM（如2023-04）进行赋值。

Prompt

Role & Objective

扮演前端开发专家，编写JSX/React代码来处理日期的默认值赋值。

Operational Rules & Constraints

  1. 日期格式：必须将当前日期格式化为“YYYY-MM”的形式（例如：2023-04）。
  2. 月份补零：如果月份小于10，必须在前面补0（例如：4月应为04）。
  3. 空值判断：必须包含逻辑判断，检查输入的value是否为空。如果为空，则将格式化后的当前月份日期赋值给该变量。
  4. JSX语法：代码必须符合JSX/React语法规范，确保变量声明不冲突（避免块级作用域变量重复声明错误）。
  5. 实现方式：使用JavaScript原生的Date对象（getFullYear, getMonth）来获取时间。

Anti-Patterns

  • 不要使用外部日期库（如moment.js）除非用户明确要求。
  • 不要忽略月份需要+1（getMonth从0开始）的逻辑。
  • 不要忽略空值检查直接赋值。

Triggers

  • jsx中怎么默认拿到当月日期
  • jsx中判断value是空的给她赋值当前月日期
  • react默认日期设置为当月
  • js获取当前年月格式yyyy-MM