科普特类型日历组件 React Native

IT技术 javascript reactjs react-native date
2021-05-01 11:44:47

我正在尝试实施一个有 13 个月的非公历。我使用了两个函数来做到这一点。其中之一

generateCalendar 用于为每个以工作日为索引的月份创建日历矩阵

function generateCalendar(type = 'en') {
    var [etYear, etMonth, etDate] = Ethiopic.toEthiopian(
      state.activeDate.getFullYear(),
      state.activeDate.getMonth() + 1,
      state.activeDate.getDate(),
    );
    console.log('Month: ', etMonth);

    var enYear = state.activeDate.getFullYear();
    var enMonth = state.activeDate.getMonth();

    var matrix = [];

    if (type == 'en') {
      matrix = [];
      var firstDay = new Date(enYear, enMonth, 1).getDay();
      var maxDays = enCalendar.en_days[enMonth];
      if (enMonth == 1) {
        if ((enYear % 4 == 0 && enYear % 100 != 0) || enYear % 400 == 0) {
          maxDays += 1;
        }
      }

      matrix[0] = enCalendar.en_weekDays;

      var counter = 1;
      for (var row = 1; row < 7; row++) {
        matrix[row] = [];
        for (var col = 0; col < 7; col++) {
          matrix[row][col] = -1;
          if (row == 1 && col >= firstDay) {
            matrix[row][col] = counter++;
          } else if (row > 1 && counter <= maxDays) {
            matrix[row][col] = counter++;
          }
        }
      }
    } else if (type == 'et') {
      matrix = [];
      var startDayOfYear = Ethiopic.startDayOfEthiopian(etYear);

      // var firstDay = startOfYear + (30 % startDayOfYear);
      var firstDayOfYear = new Date(enYear, 8, startDayOfYear).getDay();
      var firstDay =
        (etMonth - 1) * 2 + firstDayOfYear > 7
          ? ((etMonth - 1) * 2 + firstDayOfYear) % 7
          : (etMonth - 1) * 2 + firstDayOfYear;
      var maxDays = etCalendar.et_days[etMonth - 1];
      console.log(maxDays);
      if (etMonth == 13) {
        if (etYear % 4 == 3) {
          maxDays += 1;
        }
      }

      matrix[0] = etCalendar.et_weekDays;

      var counter = 1;
      for (var row = 1; row < 7; row++) {
        matrix[row] = [];
        for (var col = 0; col < 7; col++) {
          matrix[row][col] = -1;
          if (row == 1 && col >= firstDay) {
            matrix[row][col] = counter++;
          } else if (row > 1 && counter <= maxDays) {
            matrix[row][col] = counter++;
          }
        }
      }
    }
    return matrix;
  }

另一个是 changeMonth,它添加一个月并更改状态,从而创建一个新矩阵。

function changeMonth(n) {
    setState({
       activeDate: new Date(state.activeDate.setMonth(state.activeDate.getMonth() + n))
      });
  }

这里的问题是埃塞俄比亚日历有 13 个月,所以我不能使用 setmonth 并增加或减少它并转换回埃塞俄比亚日历,因为 activeDate 确定了公历的月数为 12。所以 setmonth 会在 11 之后重置并且只能工作 12 个月

但是由于埃塞俄比亚历中的每个月都是 30 天,除了最后一个月有 5 或 6 天,我想让它在递增或递减月份时循环通过月份,然后我可以转换回公历并设置活动日期。

1个回答

您需要解释添加科普特月份的规则是什么。

例如,在第 1 到 11 个月的日期中添加一个月可能只是添加 30 天。对于第 12 个月的日期,添加 30 天可能会将日期从第 13 个月推到下一年的第一个月。在这种情况下,日期是否应该限制在第 13 个月的最后一天?因此,将 1 个月添加到 30/12/1737(2021 年 9 月 5 日)到 5/13/1737 而不是 25/01/1738(30 天后)。

同理,1/13/1737加上一个月应该是1/01/1738(即下个月的同一天)还是26/01/1738(30天后)?

给定原生 ECMAScript 日期,您可以通过以下方式添加科普特月份:

  1. 获取等效的科普特日期
  2. 如果科普特月份是 1 到 11,则增加 30 天
  3. 如果科普特月份是 12,则增加 30 天,如果日期超过 13 月的月底,则将其设置为 13 月的最后一天
  4. 如果科普特月份为 13,则将日期设置为下个月的同一天

例如

// Given a date, return an object with era, year, month
// and day properties and values for the equivalent
// Coptic date
function getCopticDate(date = new Date()) {
  return new Intl.DateTimeFormat(
    'en-u-ca-coptic', {
      year : 'numeric',
      month: '2-digit',
      day  : '2-digit'
    }).formatToParts(date).reduce((acc, part) => {
      if (part.type != 'literal') {
        acc[part.type] = part.value;
      }
      return acc;
    }, Object.create(null));
}

// Given a Date, return a string for the equivalent
// Coptic date
function printCopticDate(date = new Date()) {
  let {era, year, month, day} = getCopticDate(date);
  return `${day}/${month}/${year} ${era}`;
}

// Given a Date, return a Date with one Coptic month
// added to to the equivalent Coptic date
function addCopticMonth(date) {
  let oDate = new Date(date);
  let d = getCopticDate(oDate);
  // Add 30 days, then deal with months 12 and 13
  oDate.setDate(oDate.getDate() + 30)
  // If month was 12 and is now not 13, set to
  // last day of 13
  let e = getCopticDate(oDate);
  if (d.month == '12' && e.month != '13') {
    oDate.setDate(oDate.getDate() - e.day);
  }
  // If month was 13, set to same day in next month
  if (d.month == '13') {
    oDate.setDate(oDate.getDate() - e.day + +d.day) 
  }
  return oDate;
}

// Some tests
// Add 1 month to today
let d = new Date();
console.log('Today is: ' + printCopticDate(d) + 
  ' (' + d.toDateString() + ')');
let e = addCopticMonth(d);
console.log('+1 month: ' + printCopticDate(e) + 
  ' (' + e.toDateString() + ')');

// Add 1 month to 20/12/1737 -> last day of 13th month
let f = new Date(2021, 7, 26);
let g = addCopticMonth(f);
console.log(printCopticDate(f) + ' (' + 
  f.toDateString() + ') +1 month is\n' +
  printCopticDate(g) + ' (' + g.toDateString() + ')');
  
// Add 1 month to 05/13/1737 -> same day in first month of next year  
let h = addCopticMonth(g);
console.log(printCopticDate(g) + ' (' + 
  g.toDateString() + ') +1 month is\n' +
  printCopticDate(h) + ' (' + h.toDateString() + ')');

上面利用了Intl.DateTimeFormat并涵盖了添加一个月,如果您想添加多个或添加年份,还有更多工作要做……这实际上只是为了演示算法而不是提供强大的功能(例如getCopticDate可能应该是称为getCopticDateParts并且值应该是数字而不是字符串等)。