Convert Gregorian calendar date to lunar calendar date in form

JS 动作面板 - 前端代码开放 | 钉钉宜搭·帮助中心

能力免费版轻享版专业版专属版页面JS代码不支持不支持支持支持1. 功能概述用户可以通过宜搭中的「动作面板」去写 JS 代码，从而实现自己的业务逻辑或逻辑判断。通过动作面板，您可以「更加方便的组织和复用代码」、「实现复杂交互」。JS 面板注意：通过JS面板编写的逻辑一般情况下是不会对历史数据生效...

https://docs.aliwork.com/docs/yida_support/lbtl0t/ocmxyv

1. Usage scenarios

With the help of Lunar.js and YIDA JSAPI, we can convert Gregorian calendar dates to Lunar calendar. This example shows how to convert Gregorian calendar dates to Lunar calendar in YIDA.

Documentation:https://6tail.cn/calendar/api.html#lunar.festivals.html.

2. Implement functions

2.1. Form configuration

Add a solar2LunarResult variable to the data source to store the converted lunar date information.

2.2. Introduce lunar.js into didMount functions

Copy the following code to didMount.

export function didMount() {
  // 引入 lunar.js
  this.utils.loadScript('https://g.alicdn.com/code/lib/lunar-javascript/1.6.4/lunar.min.js').then(() => {
    console.log('success');
  }).catch(() => {
    this.utils.toast({
      title: 'JS 引入失败',
      type: 'error',
    });
  });
}

2.3. Configure the calendar date conversion lunar information function

Copy the following code to Page JS.

/**
* 公历日期转换农历信息
* 使用文档：https://6tail.cn/calendar/api.html#lunar.new.html
* @param timeStamp：Number，公历时间戳
*/
export function solar2Lunar(timeStamp = '') {
  if (!timeStamp) {
    return {};
  }
  const solar = Solar.fromDate(new Date(timeStamp));
  const lunar = solar.getLunar();
  return {
    yearInChinese: lunar.getYearInChinese(), // 年（中文）
    monthInChinese: lunar.getMonthInChinese(), // 月（中文）
    dayInChinese: lunar.getDayInChinese(), // 日（中文）
    weekInChinese: lunar.getWeekInChinese(), // 星期（中文）
    yearInNumber: lunar.getYear(), // 年（数字）
    monthInNumber: lunar.getMonth(), // 月（数字）
    dayInNumber: lunar.getDay(), // 日（数字）
    weekInNumber: lunar.getWeek(), // 星期（数字）
    shengXiao: lunar.getYearShengXiao(), // 生肖
  };
}

2.4. Used in the date component

export function onChange({ value }) {
  this.setState({
    solar2LunarResult: this.solar2Lunar(value),
  });
}

2.5. Bind the conversion result to the page component

3. Effect

4. Try it online

示例中心 | 开发者赋能平台

AI智能体时代，全新宜搭。业务创新，一搭就行。

https://www.aliwork.com/o/coc?tplUuid=TPL_V4WDQBQXNGOWMP0ONMC5&from=share