Компонент календаря коптского типа React Native

Oct 20 2020

Я пытаюсь реализовать негрегорианский календарь, в котором 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 дней, я хотел сделать так, чтобы он циклически проходил по месяцам при увеличении или уменьшении месяцев, и, возможно, тогда я мог бы снова преобразовать его в григорианский и установить activeDate.

Ответы

RobG Oct 21 2020 at 13:49

Вам нужно объяснить, каковы правила добавления коптского месяца.

Например, добавление месяца к датам в месяцах с 1 по 11 может быть просто добавлением 30 дней. Для дат в 12-м месяце добавление 30 дней может подтолкнуть дату за пределы 13-го месяца к первому месяцу следующего года. В этом случае следует ли ограничить дату последним днем ​​13 месяца? Таким образом, добавление 1 месяца к 30/12/1737 (5 сентября 2021 г.) идет к 13 мая 1737 г., а не к 25 января 1738 г. (30 дней спустя).

Точно так же следует добавить один месяц к 13.01.1737: 01.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, и значения должны быть числами, а не строками и т. д.).