Koptyjski komponent kalendarza React Native

Question

Próbuję wdrożyć kalendarz niegrgoriański, który ma 13 miesięcy. Były dwie funkcje, których używałem do tego. Jeden z nich

GenerateCalendar służy do tworzenia macierzy kalendarza dla każdego miesiąca indeksowanej dniami tygodnia

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;
  }

A drugi to changeMonth, który dodaje miesiąc i zmienia stan, tworząc w ten sposób nową macierz.

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

Problem polega na tym, że kalendarz etiopski ma 13 miesięcy, więc nie mogę użyć setmonth i zwiększyć lub zmniejszyć tego i przekonwertować z powrotem na etiopski, ponieważ activeDate określa liczbę miesięcy, która wynosi 12 dla języka gregoriańskiego. Więc setmonth resetuje się po 11 i działa tylko przez 12 miesięcy

Ale ponieważ każdy miesiąc w kalendarzu etiopskim ma 30 dni, z wyjątkiem ostatniego miesiąca, który ma 5 lub 6 dni, chciałem, aby cyklicznie przechodził przez miesiące, w których liczba miesięcy rośnie lub maleje, a może wtedy mogę wrócić do gregoriańskiego i ustawić activeDate.

Answer 1

Musisz wyjaśnić, jakie są zasady dodawania miesiąca koptyjskiego.

Na przykład dodanie miesiąca do dat w miesiącach od 1 do 11 może być po prostu dodaniem 30 dni. W przypadku dat w miesiącu 12 dodanie 30 dni może przesunąć datę poza 13. miesiąc, a więc na pierwszy miesiąc następnego roku. W takim przypadku, czy data powinna być ograniczona do ostatniego dnia 13 miesiąca? Tak więc dodanie 1 miesiąca do 30/12/1737 (5 września 2021) idzie do 5/13/1737 zamiast 25/01/1738 (30 dni później).

Podobnie, czy dodanie miesiąca do 13.01.1737 powinno być 1/01/1738 (tj. Tym samym numerem dnia w następnym miesiącu) czy 26/01/1738 (30 dni później)?

Biorąc pod uwagę natywną datę ECMAScript, możesz dodać koptyjski miesiąc przez:

1. Uzyskaj równoważną datę koptyjską
2. Jeśli miesiąc koptyjski trwa od 1 do 11, dodaj 30 dni
3. Jeśli koptyjski miesiąc to 12, dodaj 30 dni, a jeśli data wykracza poza koniec 13 miesiąca, ustaw ostatni dzień miesiąca 13
4. Jeśli koptyjski miesiąc to 13, ustaw datę na ten sam dzień w następnym miesiącu

Na przykład

// 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() + ')');

Powyższe wykorzystuje Intl.DateTimeFormat i obejmuje dodanie jednego miesiąca, jeśli chcesz dodać więcej niż jeden rok lub dodać lata, jest więcej do zrobienia… Tak naprawdę wystarczy zademonstrować algorytm, a nie zapewnić solidną funkcję (np. GetCopticDate powinno być prawdopodobnie nazywa się getCopticDateParts, a wartości powinny być liczbami, a nie łańcuchami itp.).