Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   кто может объяснить ? (https://javascript.ru/forum/misc/82366-kto-mozhet-obyasnit.html)

Блондинка 23.04.2021 20:52
кто может объяснить ?
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
div { width: 70%; border: 1px solid #a9a9a9; border-radius: 12px/9px; padding: 10px 25px; margin: 0 20px 5px 0; }
span.ulian { color: hsl(240,100%,70%); }
span.grig { color: hsl(240,100%,30%); }
input { display: inline-block; text-align: center; }
</style>
</head>
<body>
<div>
<input id="YearEntry" type="number" min="326" max="4099" step="1" value="2019" />
<input id="button1" type="button" value="Расcчитать" />
</div>
<div id="Catholic_Easter">
Католическая пасха<br>
<span id="Catholic_Easter_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Easter_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Maslenitsa_Catholic">
Католическая масленица<br>
<span id=" Maslenitsa_Catholic_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Maslenitsa_Catholic_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="palm_Sunday_Catholic">
Католическое вербное воскресенье<br>
<span id="palm_Sunday_Catholic_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="palm_Sunday_Catholic_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Catholic_Radunitsa">
Католическая радуница<br>
<span id="Catholic_Radunitsa_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Radunitsa_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Catholic_Trinity">
Католическая троица<br>
<span id="Catholic_Trinity_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Trinity_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Orthodox_Easter">
Православная пасха<br>
<span id="Orthodox_Easter_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Easter_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Maslenitsa_Orthodox">
Православная масленица<br>
<span id="Maslenitsa_Orthodox_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Maslenitsa_Orthodox_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="palm_Sunday_Orthodox">
Православное вербное воскресенье<br>
<span id="palm_Sunday_Orthodox_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="palm_Sunday_Orthodox_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Orthodox_Radunitsa">
Православная радуница<br>
<span id="Orthodox_Radunitsa_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Radunitsa_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Orthodox_Trinity">
Православная троица<br>
<span id="Orthodox_Trinity_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Trinity_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div>
Первый Никейский собор — собор Церкви, созванный императором Константином I; состоялся в июне 325 года в городе Никее (ныне Изник, Турция); продолжался больше двух месяцев и стал первым Вселенским собором в истории христианства.
</div>
<script>
function catholicDate(year) {
        // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
        var a = year % 19,
        b = year % 4,
        c = year % 7,
        k = Math.floor(year / 100),
        p = Math.floor((13 + 8 * k) / 25),
        q = Math.floor(k / 4),
        m = (15 - p + k - q) % 30,
        n = (4 + k - q) % 7,
        d = (19 * a + m) % 30,
        e = (2 * b + 4 * c + 6 * d + n) % 7;
        if (d === 29 && e === 6) return new Date(year, 3, 19);
        if (d === 28 && e === 6 && ((11 * m + 11) % 30 < 19)) return new Date(year, 3, 18);
        if (d + e > 9) return new Date(year, 3, d + e - 9);
        else return new Date(year, 2, 22 + d + e);
        }

function orthodoxDate(year) {
        // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
        var a = year % 19,
        b = year % 4,
        c = year % 7,
        d = (19 * a + 15) % 30,
        e = (2 * b + 4 * c + 6 * d + 6) % 7,
        f = d + e;
        // (по старому стилю) Если f ≤ 9, то Пасха будет праздноваться 22 + f марта; если f > 9, то Пасха будет праздноваться f — 9 апреля.
        return f <= 9 ? new Date(year, 2, 22 + f) : new Date(year, 3, f - 9);
        }
        
// Все даты отображаем в едином формате
function formatDate(date) {
return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(/^.?|,/g, function(v, i) {
return !i ? v.toUpperCase() : '<br>'
});
}
document.addEventListener("DOMContentLoaded", document_domcontentloaded);
function document_domcontentloaded(){
document.getElementById("YearEntry").value = new Date().getFullYear();
button1_click();
document.getElementById("button1").onclick = button1_click;
}
function button1_click() {
var year = document.getElementById("YearEntry").value;
document.getElementById("Catholic_Easter_gr").innerHTML = formatDate(catholicDate(year));
document.getElementById("Maslenitsa_Catholic_gr") // -49 дней
document.getElementById("palm_Sunday_Catholic_gr") // -7 дней
document.getElementById("Catholic_Radunitsa_gr") // +9 дней
document.getElementById("Catholic_Trinity_gr") // +49 дней


document.getElementById("Orthodox_Easter_ul").innerHTML = formatDate(orthodoxDate(year));
document.getElementById("Maslenitsa_Orthodox_ul") // -49 дней
document.getElementById("palm_Sunday_Orthodox_ul") // -7 дней
document.getElementById("Orthodox_Radunitsa_ul") // +9 дней
document.getElementById("Orthodox_Trinity_ul") // +49 дней
}
</script>
</body>
</html>


как исправить строки 166-169 и 173-176 и добавить/отнять указанное количество дней?

Блондинка 24.04.2021 03:33
как?

voraa 24.04.2021 07:24
У вас же есть исходная дата.
Просто прибавляйте (или вычитайте) нужное время.

let dt0 = new Date()
const msday= 86_400_000  // мс в сутках
let b49 = new Date(dt0.getTime()-49*msday)
console.log('49 дней назад', b49) 
let a9 = new Date(dt0.getTime()+9*msday)
console.log('Через 9 дней', a9 )

Блондинка 24.04.2021 10:54
voraa,
можешь рассказать как в данном варианте это сделать? именно на примере этого кода? 

document.getElementById("Catholic_Easter_gr").innerHTML = formatDate(catholicDate(year));
document.getElementById("Maslenitsa_Catholic_gr") // -49 дней
document.getElementById("Catholic_Radunitsa_gr") // +9 дней


что добавить конкретно в этих строках вместо //комментариев

Alexandroppolus 24.04.2021 11:28
Сделать функцию
daysAdd(dt, days) {
  const msday = 86_400_000;  // мс в сутках
  return new Date(dt.getTime() + days * msday);
}


Использовать:
const cathDate = catholicDate(year);
document.getElementById("Catholic_Easter_gr").innerHTML = formatDate(cathDate);
document.getElementById("Maslenitsa_Catholic_gr").innerHTML = formatDate(daysAdd(cathDate, -49));
document.getElementById("Catholic_Radunitsa_gr").innerHTML = formatDate(daysAdd(cathDate, 9));

Блондинка 24.04.2021 12:11
Alexandroppolus,
а про это можно чуть подробнее ?

Цитата:
Сообщение от Alexandroppolus (Сообщение 535877)
Сделать функцию
daysAdd(dt, days) {
  const msday = 86_400_000;  // мс в сутках
  return new Date(dt.getTime() + days * msday);
}

Блондинка 24.04.2021 12:43
так ? 

function Catholic_Easter (dt, days) {
  const msday = 86_400_000;  // мс в сутках
  return new Date(dt.getTime() + days * msday);
}


надо создавать вторую функцию для православных праздников ? 

function Orthodox_Easter (dt, days) {
  const msday = 86_400_000;  // мс в сутках
  return new Date(dt.getTime() + days * msday);
}



или хватит одной и для католических и для православных праздников ? 

function Other_holidays (dt, days) {
  const msday = 86_400_000;  // мс в сутках
  return new Date(dt.getTime() + days * msday);
}

Блондинка 24.04.2021 14:46
попробовала так, не получается :-(

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
div { width: 70%; border: 1px solid #a9a9a9; border-radius: 12px/9px; padding: 10px 25px; margin: 0 20px 5px 0; }
span.ulian { color: hsl(240,100%,70%); }
span.grig { color: hsl(240,100%,30%); }
input { display: inline-block; text-align: center; }
</style>
</head>
<body>
<div>
<input id="YearEntry" type="number" min="326" max="4099" step="1" value="2019" />
<input id="button1" type="button" value="Расcчитать" />
</div>
<div id="Catholic_Easter">
Католическая пасха<br>
<span id="Catholic_Easter_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Easter_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Maslenitsa_Catholic">
Католическая масленица<br>
<span id=" Maslenitsa_Catholic_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Maslenitsa_Catholic_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="palm_Sunday_Catholic">
Католическое вербное воскресенье<br>
<span id="palm_Sunday_Catholic_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="palm_Sunday_Catholic_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Catholic_Radunitsa">
Католическая радуница<br>
<span id="Catholic_Radunitsa_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Radunitsa_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Catholic_Trinity">
Католическая троица<br>
<span id="Catholic_Trinity_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Trinity_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Orthodox_Easter">
Православная пасха<br>
<span id="Orthodox_Easter_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Easter_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Maslenitsa_Orthodox">
Православная масленица<br>
<span id="Maslenitsa_Orthodox_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Maslenitsa_Orthodox_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="palm_Sunday_Orthodox">
Православное вербное воскресенье<br>
<span id="palm_Sunday_Orthodox_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="palm_Sunday_Orthodox_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Orthodox_Radunitsa">
Православная радуница<br>
<span id="Orthodox_Radunitsa_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Radunitsa_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Orthodox_Trinity">
Православная троица<br>
<span id="Orthodox_Trinity_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Trinity_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div>
Первый Никейский собор — собор Церкви, созванный императором Константином I; состоялся в июне 325 года в городе Никее (ныне Изник, Турция); продолжался больше двух месяцев и стал первым Вселенским собором в истории христианства.
</div>
<script>
function catholicDate(year) {
        // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
        var a = year % 19,
        b = year % 4,
        c = year % 7,
        k = Math.floor(year / 100),
        p = Math.floor((13 + 8 * k) / 25),
        q = Math.floor(k / 4),
        m = (15 - p + k - q) % 30,
        n = (4 + k - q) % 7,
        d = (19 * a + m) % 30,
        e = (2 * b + 4 * c + 6 * d + n) % 7;
        if (d === 29 && e === 6) return new Date(year, 3, 19);
        if (d === 28 && e === 6 && ((11 * m + 11) % 30 < 19)) return new Date(year, 3, 18);
        if (d + e > 9) return new Date(year, 3, d + e - 9);
        else return new Date(year, 2, 22 + d + e);
        }

function orthodoxDate(year) {
        // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
        var a = year % 19,
        b = year % 4,
        c = year % 7,
        d = (19 * a + 15) % 30,
        e = (2 * b + 4 * c + 6 * d + 6) % 7,
        f = d + e;
        // (по старому стилю) Если f ≤ 9, то Пасха будет праздноваться 22 + f марта; если f > 9, то Пасха будет праздноваться f — 9 апреля.
        return f <= 9 ? new Date(year, 2, 22 + f) : new Date(year, 3, f - 9);
        }
        
// Все даты отображаем в едином формате
function formatDate(date) {
return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(/^.?|,/g, function(v, i) {
return !i ? v.toUpperCase() : '<br>'
});
}
document.addEventListener("DOMContentLoaded", document_domcontentloaded);
function document_domcontentloaded(){
document.getElementById("YearEntry").value = new Date().getFullYear();
button1_click();
document.getElementById("button1").onclick = button1_click;
}
function button1_click() {
var year = document.getElementById("YearEntry").value;
}

function Catholic_Easter (dt, days) {
  const msday = 86400000;  // мс в сутках
  return new Date(dt.getTime() + days * msday);
}


const cathDate = catholicDate(year);
document.getElementById("Catholic_Easter_gr").innerHTML = formatDate(cathDate);
document.getElementById("Maslenitsa_Catholic_gr").innerHTML = formatDate(Catholic_Easter(cathDate, -49));
document.getElementById("palm_Sunday_Catholic_gr").innerHTML = formatDate(Catholic_Easter(cathDate, -7));
document.getElementById("Catholic_Radunitsa_gr").innerHTML = formatDate(Catholic_Easter(cathDate, 9));
document.getElementById("Catholic_Trinity_gr").innerHTML = formatDate(Catholic_Easter(cathDate, 49));

function Orthodox_Easter (dt, days) {
  const msday = 86400000;  // мс в сутках
  return new Date(dt.getTime() + days * msday);
}

const orthDate = catholicDate(year);
document.getElementById("Orthodox_Easter_ul").innerHTML = formatDate(orthodoxDate(year));
document.getElementById("Maslenitsa_Orthodox_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, -49));
document.getElementById("palm_Sunday_Orthodox_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, -7));
document.getElementById("Orthodox_Radunitsa_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, 9));
document.getElementById("Orthodox_Trinity_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, 49));

</script>
</body>
</html>

Блондинка 24.04.2021 16:34
может никто не отвечает, потому что не понимает окончательный смысл скрипта?
потом с помощью функций взятых из с скрипта взятого отсюда получить даты по другому календарю, и высчитать дни недели у дат по юлианскому календарю, и всё...

Блондинка 24.04.2021 16:52
насколько я понимаю из этого скрипта надо взять только четыре функции

function gregorianToJdn(d, m, y) {
    return tr((1461 * (y + 4800 + tr((m - 14) / 12))) / 4) +
           tr((367 * (m - 2 - 12 * tr((m - 14) / 12))) / 12) -
           tr((3 * tr((y + 4900 + tr((m - 14) / 12)) / 100)) / 4) + d - 32075;
}



function julianToJdn(d, m, y) {
    return 367 * y - tr((7 * (y + 5001 + tr((m - 9) / 7))) / 4) + tr((275 * m) / 9) + d + 1729777;
}



function jdnToJulianOrGregorian(j, to) { // to: true (julian), false (gregorian)
    var f = (to) ? (j + 1401) : (j + 1363 + tr((tr((4 * j + 274277) / 146097) * 3) / 4));
    var e = 4 * f + 3, h = 5 * tr((e % 1461) / 4) + 2;
    var d = tr((h % 153) / 5) + 1, m = ((tr(h / 153) + 2) % 12) + 1, y = tr(e / 1461) - 4716 + tr((14 - m) / 12);
    return { d: d, m: m, y: y }; 
}



function jdnToWeekDay(j) { return (j % 7) + 1; }
function tr(n) { return n - n % 1; } // truncate (for integer division)
// -- wiki end --


остальное не надо...

voraa 24.04.2021 17:36
Цитата:
Сообщение от Блондинка
попробовала так, не получается :-(
А вы просто пробуете и смотрите, получилось/не получилось?
А если попробовать в отладчике посмотреть?
Хотя бы в консоль заглянуть, вдруг где какая ошибка
(строка 173: year - не определено)

Блондинка 24.04.2021 18:06
voraa,
а как это исправить?

Блондинка 24.04.2021 18:18
и возможно ли убрать кнопку "рассчитать", чтобы при потере фокуса поля ввода срабатывало сразу?

Alexandroppolus 26.04.2021 11:51
Цитата:
Сообщение от Блондинка
или хватит одной и для католических и для православных праздников ?
функция называлась daysAdd, потому что она просто прибавляет указанное количество дней к дате. Или отнимает, если с минусом. Она не зависит от вероисповедания, и может использоваться где угодно.


Часовой пояс GMT +3, время: 00:12.