Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #111 (permalink)  
Старый 11.12.2019, 18:42
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 589

laimas,
как в твоём 97 посте добавить ид'ы? указала в коментариях

dt = catholicDate(year);
    
    easter.Catholic_Easter_gr = formatDate(dt); //как сюда добавить ид Catholic_Easter_ul_day
    
    dt = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - razn);
    
    easter.Catholic_Easter_ul = formatDate(dt);
    
    dt = orthodoxDate(year); //date1
    
    easter.Orthodox_Easter_ul = formatDate(dt);
    
    easter.Orthodox_Radunitsa_ul = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 9));
    
    easter.palm_Sunday_Orthodox_ul = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 7));
    
    easter.Maslenitsa_Orthodox_ul = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 49));
    
    dt = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + razn); //date1_1
    
    easter.Orthodox_Easter_gr = formatDate(dt); //как сюда добавить ид Orthodox_Easter_ul_day
    
    easter.Orthodox_Radunitsa_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 9)); //как сюда добавить ид Orthodox_Radunitsa_ul_day
    
    easter.palm_Sunday_Orthodox_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 7)); //как сюда добавить ид palm_Sunday_Orthodox_ul_day
    
    easter.Maslenitsa_Orthodox_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 49)); //как сюда добавить ид Maslenitsa_Orthodox_ul_day
Ответить с цитированием
  #112 (permalink)  
Старый 11.12.2019, 20:34
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 11,621

Функцию formatDate() переписать так:

// Все даты отображаем в едином формате
function formatDate(date, opt='long') {
    var options = {
        long:  { weekday: "long", day: "numeric", month: "long", year: "numeric" },
        short: { day: "numeric", month: "long", year: "numeric" },
        week: { weekday: "long"} 
    };    
    return date.toLocaleDateString("ru", options[opt]).replace(/^.?|,/g, function(v, i) {
        return !i ? v.toUpperCase() : '<br>'
    });
}


А далее, запоминать дату ХХХХХХХ_gr, из которой надо брать день недели и далее:

easter.Catholic_Easter_gr = formatDate(dt); //здесь надо полагать полная дата

затем получаем день недели для Catholic_Easter_ul_day и пишем его в объект

easter.Catholic_Easter_ul_day = formatDate(dt, 'week');

затем для Catholic_Easter_ul короткий формат (без дня недели) + день недели

easter.Catholic_Easter_ul = formatDate(dt, 'short') + '<br>' + formatDate(dt, 'week');

А dt это дата из чего получаем и в данном случае это какой-то кошмар, но вы же знаете что из чего, формируйте.
Ответить с цитированием
  #113 (permalink)  
Старый 12.12.2019, 17:05
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 589

laimas,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
div.box-range > div, .input { 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 class="input">
    <input id="YearEntry" type="number" min="326" max="4099" step="1" value="2019" />
    <!--<input id="button1" type="button" value="Расcчитать" />-->
</div>

<div class="box-range" range="[0,325]">
    <div>Первый Никейский собор — собор Церкви, созванный императором Константином I; состоялся в июне 325 года в городе Никее (ныне Изник, Турция); 
        продолжался больше двух месяцев и стал первым Вселенским собором в истории христианства.<br>
        Введите год с 326 по 4099
    </div>
</div>

<div class="box-range" range="[326,1582]">
    <div>
        Пасха<br>
        <span class="ulian">
        <span class="Orthodox_Easter_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Радуница<br>
        <span class="ulian">
        <span class="Orthodox_Radunitsa_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Вербное воскресенье<br>
        <span class="ulian">
        <span class="palm_Sunday_Orthodox_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Масленица<br>
        <span class="ulian">
        <span class="Maslenitsa_Orthodox_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
</div>

<div class="box-range" range="[1583,4099]">
    <div>
        Католическая пасха<br>
        <span class="grig">
        <span class="Catholic_Easter_gr"></span><br>
        по григорианскому календарю (новый стиль)<br>
        </span>
        <span class="ulian">
        <span class="Catholic_Easter_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Православная пасха<br>
        <span class="grig">
        <span class="Orthodox_Easter_gr"></span><br>
        по григорианскому календарю (новый стиль)<br>
        </span>
        <span class="ulian">
        <span class="Orthodox_Easter_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Радуница<br>
        <span class="grig">
        <span class="Orthodox_Radunitsa_gr"></span><br>
        по григорианскому календарю (новый стиль)<br>
        </span>
        <span class="ulian">
        <span class="Orthodox_Radunitsa_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Вербное воскресенье<br>
        <span class="grig">
        <span class="palm_Sunday_Orthodox_gr"></span><br>
        по григорианскому календарю (новый стиль)<br>
        </span>
        <span class="ulian">
        <span class="palm_Sunday_Orthodox_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Масленица<br>
        <span class="grig">
        <span class="Maslenitsa_Orthodox_gr"></span><br>
        по григорианскому календарю (новый стиль)<br>
        </span>
        <span class="ulian">
        <span class="Maslenitsa_Orthodox_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
</div>

<div class="box-range" range="[4100,0]">
    <div>Введите год с 326 по 4099</div>
</div>

<script>
var inputY = document.getElementById("YearEntry");
    
inputY.value = new Date().getFullYear();
    
inputY.addEventListener("keyup", function() {
    this.value = this.value.replace(/\D/, '');
    showBox();
});
    
inputY.addEventListener("change", showBox);
    
//document.getElementById("button1").addEventListener("click", getEaster);

showBox();
//getEaster();

function catholicDate(year) {
    // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
    // Пример на 1777 год (год рождения Карла Гаусса): год = 1777 
    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, opt='long') {
    var options = {
        long:  { weekday: "long", day: "numeric", month: "long", year: "numeric" },
        short: { day: "numeric", month: "long", year: "numeric" },
        week: { weekday: "long"} 
    };    
    return date.toLocaleDateString("ru", options[opt]).replace(/^.?|,/g, function(v, i) {
        return !i ? v.toUpperCase() : '<br>'
    });
}

function showBox() {
    var Y = +inputY.value || 0, 
        box = document.querySelectorAll(".box-range"), 
        i, range, a;
    
    for(i=0; i<box.length; ++i) {
        range = JSON.parse(box[i].getAttribute('range')); 
        a = [];
        if(range[0]) a.push(Y >= range[0]);
        if(range[1]) a.push(Y <= range[1]);
        box[i].hidden = !eval(a.join('&&'))
    }
    
    if(Y > 325 && Y < 4100) getEaster();
}

function getEaster() {
    var year = inputY.value, 
        razn = 0, //какое-то значение по умолчанию если меньше 300 и больше 4099
        box = document.querySelectorAll(".box-range"),
        dt, easter = {}, i, k;
        
    if (year >= 300 && year <= 499) razn = 1;
    else if (year >= 500 && year <= 599) razn = 2;
    else if (year >= 600 && year <= 699) razn = 3;
    else if (year >= 700 && year <= 899) razn = 4;
    else if (year >= 900 && year <= 999) razn = 5;
    else if (year >= 1000 && year <= 1099) razn = 6;
    else if (year >= 1100 && year <= 1299) razn = 7;
    else if (year >= 1300 && year <= 1399) razn = 8;
    else if (year >= 1400 && year <= 1499) razn = 9;
    else if (year >= 1500 && year <= 1699) razn = 10;
    else if (year >= 1700 && year <= 1799) razn = 11;
    else if (year >= 1800 && year <= 1899) razn = 12;
    else if (year >= 1900 && year <= 2099) razn = 13;
    else if (year >= 2100 && year <= 2199) razn = 14;
    else if (year >= 2200 && year <= 2299) razn = 15;
    else if (year >= 2300 && year <= 2399) razn = 16;
    else if (year >= 2500 && year <= 2599) razn = 17;
    else if (year >= 2600 && year <= 2699) razn = 18;
    else if (year >= 2700 && year <= 2899) razn = 19;
    else if (year >= 2900 && year <= 2999) razn = 20;
    else if (year >= 3000 && year <= 3099) razn = 21;
    else if (year >= 3100 && year <= 3299) razn = 22;
    else if (year >= 3300 && year <= 3399) razn = 23;
    else if (year >= 3400 && year <= 3499) razn = 24;
    else if (year >= 3500 && year <= 3699) razn = 25;
    else if (year >= 3700 && year <= 3799) razn = 26;
    else if (year >= 3800 && year <= 3899) razn = 27;
    else if (year >= 3900 && year <= 4099) razn = 28;

    dt = catholicDate(year);
    
    easter.Catholic_Easter_gr = formatDate(dt);
    
    easter.Catholic_Easter_ul_day =  formatDate(dt, 'week');
    
    dt = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - razn);
    
    easter.Catholic_Easter_ul = formatDate(dt, 'week') + '<br>' + formatDate(dt, 'short');
    
    dt = orthodoxDate(year); //date1
    
    easter.Orthodox_Easter_ul = formatDate(dt); 
    
    easter.Orthodox_Radunitsa_ul = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 9));
    
    easter.palm_Sunday_Orthodox_ul = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 7));
    
    easter.Maslenitsa_Orthodox_ul = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 49));
    
    dt = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + razn); //date1_1
    
    easter.Orthodox_Easter_gr = formatDate(dt);
    
    easter.Orthodox_Easter_ul_day =  formatDate(dt, 'week');
    
    easter.Orthodox_Radunitsa_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 9));
    
    easter.Orthodox_Radunitsa_ul_day =  formatDate(dt, 'week');
    
    easter.palm_Sunday_Orthodox_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 7));
    
    easter.palm_Sunday_Orthodox_ul_day =  formatDate(dt, 'week');
    
    easter.Maslenitsa_Orthodox_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 49));
    
    easter.Maslenitsa_Orthodox_ul_day =  formatDate(dt, 'week');
    
    for(i=0; i<box.length; ++i) {
        if(!box[i].hidden) {
            razn = box[i].querySelectorAll("div > span");
            for(k=0; k<razn.length; ++k) {
                dt = razn[k].querySelector("span");
                dt.innerHTML = easter[dt.className];
            }
            break
        }
    }
}
</script>
</body>
</html>
Ответить с цитированием
  #114 (permalink)  
Старый 12.12.2019, 17:08
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 589

а как правильно в 245-249 строках, где отнимаются несколько дней от пасхи?
Ответить с цитированием
  #115 (permalink)  
Старый 12.12.2019, 18:21
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 11,621

Точно также как в строке 239, ведь они различаются только тем, что первым аргументом не ранее полученная дата передается, а получается:

ранее полученный день недели + '<br>' + formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 9), 'short');

Если при этом "ранее полученный день недели" получен и помещен в объект easter, значит подставляйте его. Если нет и требуется расчет, добавьте переменную week в строке 200 и оперируйте ей, еще нужны промежуточные вычисления, определяйте для них переменную, и т.п.
Ответить с цитированием
  #116 (permalink)  
Старый 13.12.2019, 07:31
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 589

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
div.box-range > div, .input { 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 class="input">
    <input id="YearEntry" type="number" min="326" max="4099" step="1" value="2019" />
    <!--<input id="button1" type="button" value="Расcчитать" />-->
</div>

<div class="box-range" range="[0,325]">
    <div>Первый Никейский собор — собор Церкви, созванный императором Константином I; состоялся в июне 325 года в городе Никее (ныне Изник, Турция); 
        продолжался больше двух месяцев и стал первым Вселенским собором в истории христианства.<br>
        Введите год с 326 по 4099
    </div>
</div>

<div class="box-range" range="[326,1582]">
    <div>
        Пасха<br>
        <span class="ulian">
        <span class="Orthodox_Easter_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Радуница<br>
        <span class="ulian">
        <span class="Orthodox_Radunitsa_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Вербное воскресенье<br>
        <span class="ulian">
        <span class="palm_Sunday_Orthodox_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Масленица<br>
        <span class="ulian">
        <span class="Maslenitsa_Orthodox_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
</div>

<div class="box-range" range="[1583,4099]">
    <div>
        Католическая пасха<br>
        <span class="grig">
        <span class="Catholic_Easter_gr"></span><br>
        по григорианскому календарю (новый стиль)<br>
        </span>
        <span class="ulian">
        <span class="Catholic_Easter_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Православная пасха<br>
        <span class="grig">
        <span class="Orthodox_Easter_gr"></span><br>
        по григорианскому календарю (новый стиль)<br>
        </span>
        <span class="ulian">
        <span class="Orthodox_Easter_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Радуница<br>
        <span class="grig">
        <span class="Orthodox_Radunitsa_gr"></span><br>
        по григорианскому календарю (новый стиль)<br>
        </span>
        <span class="ulian">
        <span class="Orthodox_Radunitsa_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Вербное воскресенье<br>
        <span class="grig">
        <span class="palm_Sunday_Orthodox_gr"></span><br>
        по григорианскому календарю (новый стиль)<br>
        </span>
        <span class="ulian">
        <span class="palm_Sunday_Orthodox_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
    <div>
        Масленица<br>
        <span class="grig">
        <span class="Maslenitsa_Orthodox_gr"></span><br>
        по григорианскому календарю (новый стиль)<br>
        </span>
        <span class="ulian">
        <span class="Maslenitsa_Orthodox_ul"></span><br>
        по юлианскому календарю (старый стиль)
        </span>
    </div>
</div>

<div class="box-range" range="[4100,0]">
    <div>Введите год с 326 по 4099</div>
</div>

<script>
var inputY = document.getElementById("YearEntry");
    
inputY.value = new Date().getFullYear();
    
inputY.addEventListener("keyup", function() {
    this.value = this.value.replace(/\D/, '');
    showBox();
});
    
inputY.addEventListener("change", showBox);
    
//document.getElementById("button1").addEventListener("click", getEaster);

showBox();
//getEaster();

function catholicDate(year) {
    // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
    // Пример на 1777 год (год рождения Карла Гаусса): год = 1777 
    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, opt='long') {
    var options = {
        long:  { weekday: "long", day: "numeric", month: "long", year: "numeric" },
        short: { day: "numeric", month: "long", year: "numeric" },
        week: { weekday: "long"} 
    };    
    return date.toLocaleDateString("ru", options[opt]).replace(/^.?|,/g, function(v, i) {
        return !i ? v.toUpperCase() : '<br>'
    });
}

function showBox() {
    var Y = +inputY.value || 0, 
        box = document.querySelectorAll(".box-range"), 
        i, range, a;
    
    for(i=0; i<box.length; ++i) {
        range = JSON.parse(box[i].getAttribute('range')); 
        a = [];
        if(range[0]) a.push(Y >= range[0]);
        if(range[1]) a.push(Y <= range[1]);
        box[i].hidden = !eval(a.join('&&'))
    }
    
    if(Y > 325 && Y < 4100) getEaster();
}

function getEaster() {
    var year = inputY.value, 
        razn = 0, //какое-то значение по умолчанию если меньше 300 и больше 4099
        box = document.querySelectorAll(".box-range"),
        dt, easter = {}, i, k;
        
    if (year >= 300 && year <= 499) razn = 1;
    else if (year >= 500 && year <= 599) razn = 2;
    else if (year >= 600 && year <= 699) razn = 3;
    else if (year >= 700 && year <= 899) razn = 4;
    else if (year >= 900 && year <= 999) razn = 5;
    else if (year >= 1000 && year <= 1099) razn = 6;
    else if (year >= 1100 && year <= 1299) razn = 7;
    else if (year >= 1300 && year <= 1399) razn = 8;
    else if (year >= 1400 && year <= 1499) razn = 9;
    else if (year >= 1500 && year <= 1699) razn = 10;
    else if (year >= 1700 && year <= 1799) razn = 11;
    else if (year >= 1800 && year <= 1899) razn = 12;
    else if (year >= 1900 && year <= 2099) razn = 13;
    else if (year >= 2100 && year <= 2199) razn = 14;
    else if (year >= 2200 && year <= 2299) razn = 15;
    else if (year >= 2300 && year <= 2399) razn = 16;
    else if (year >= 2500 && year <= 2599) razn = 17;
    else if (year >= 2600 && year <= 2699) razn = 18;
    else if (year >= 2700 && year <= 2899) razn = 19;
    else if (year >= 2900 && year <= 2999) razn = 20;
    else if (year >= 3000 && year <= 3099) razn = 21;
    else if (year >= 3100 && year <= 3299) razn = 22;
    else if (year >= 3300 && year <= 3399) razn = 23;
    else if (year >= 3400 && year <= 3499) razn = 24;
    else if (year >= 3500 && year <= 3699) razn = 25;
    else if (year >= 3700 && year <= 3799) razn = 26;
    else if (year >= 3800 && year <= 3899) razn = 27;
    else if (year >= 3900 && year <= 4099) razn = 28;

    dt = catholicDate(year);
    
    easter.Catholic_Easter_gr = formatDate(dt);
    
    easter.Catholic_Easter_ul_day = formatDate(dt, 'week');
    
    dt = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - razn);
    
    easter.Catholic_Easter_ul = formatDate(dt, 'week') + '<br>' + formatDate(dt, 'short');
    
    dt = orthodoxDate(year); //date1
    
    easter.Orthodox_Easter_ul = formatDate(dt, 'week') + '<br>' + formatDate(dt); 
    
    easter.Orthodox_Radunitsa_ul = formatDate(dt, 'week') + '<br>' + formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 9));
    
    easter.palm_Sunday_Orthodox_ul = formatDate(dt, 'week') + '<br>' + formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 7));
    
    easter.Maslenitsa_Orthodox_ul = formatDate(dt, 'week') + '<br>' + formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 49));
    
    dt = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + razn); //date1_1
    
    easter.Orthodox_Easter_gr = formatDate(dt);
    
    easter.Orthodox_Easter_ul_day =  formatDate(dt, 'week');
    
    easter.Orthodox_Radunitsa_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 9));
    
    easter.Orthodox_Radunitsa_ul_day =  formatDate(dt, 'week');
    
    easter.palm_Sunday_Orthodox_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 7));
    
    easter.palm_Sunday_Orthodox_ul_day =  formatDate(dt, 'week');
    
    easter.Maslenitsa_Orthodox_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 49));
    
    easter.Maslenitsa_Orthodox_ul_day =  formatDate(dt, 'week');
    
    for(i=0; i<box.length; ++i) {
        if(!box[i].hidden) {
            razn = box[i].querySelectorAll("div > span");
            for(k=0; k<razn.length; ++k) {
                dt = razn[k].querySelector("span");
                dt.innerHTML = easter[dt.className];
            }
            break
        }
    }
}
</script>
</body>
</html>
Ответить с цитированием
  #117 (permalink)  
Старый 13.12.2019, 07:32
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 589

вообще ничего не работает...
Ответить с цитированием
  #118 (permalink)  
Старый 14.12.2019, 05:22
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 11,621

А что этого и подобных

<span class="Orthodox_Radunitsa_ul_day"></span><br> /* день недели равен Orthodox_Radunitsa_gr */

уже не надо?
Ответить с цитированием
  #119 (permalink)  
Старый 15.12.2019, 09:12
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 589

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
div.box-range > div, .input { 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 class="input">
    <input id="YearEntry" type="number" min="326" max="4099" step="1" value="2019" />
</div>
<div class="box-range" range="[0,325]">
<div>Первый Никейский собор — собор Церкви, созванный императором Константином I; состоялся в июне 325 года в городе Никее (ныне Изник, Турция); продолжался больше двух месяцев и стал первым Вселенским собором в истории христианства.<br>
Введите год с 326 по 4099
</div>
</div>
<div class="box-range" range="[326,1582]">
<div>
    Пасха<br>
    <span class="ulian">
    <span class="Orthodox_Easter_ul_day"></span>
    <span class="Orthodox_Easter_ul"></span><br>
    по юлианскому календарю (старый стиль)
    </span>
    </div>
    <div>
    Радуница<br>
    <span class="ulian">
    <span class="Orthodox_Radunitsa_ul_day"></span>
    <span class="Orthodox_Radunitsa_ul"></span><br>
    по юлианскому календарю (старый стиль)
    </span>
    </div>
    <div>
    Вербное воскресенье<br>
    <span class="ulian">
    <span class="palm_Sunday_Orthodox_ul_day"></span>
    <span class="palm_Sunday_Orthodox_ul"></span><br>
    по юлианскому календарю (старый стиль)
    </span>
    </div>
    <div>
    Масленица<br>
    <span class="ulian">
    <span class="Maslenitsa_Orthodox_ul_day"></span>
    <span class="Maslenitsa_Orthodox_ul"></span><br>
    по юлианскому календарю (старый стиль)
    </span>
    </div>
</div>
<div class="box-range" range="[1583,4099]">
    <div>
    Католическая пасха<br>
    <span class="grig">
    <span class="Catholic_Easter_gr"></span><br>
    по григорианскому календарю (новый стиль)<br>
    </span>
    <span class="ulian">
    <span class="Catholic_Easter_ul_day"></span>
    <span class="Catholic_Easter_ul"></span><br>
    по юлианскому календарю (старый стиль)
    </span>
    </div>
    <div>
    Православная пасха<br>
    <span class="grig">
    <span class="Orthodox_Easter_gr"></span><br>
    по григорианскому календарю (новый стиль)<br>
    </span>
    <span class="ulian">
    <span class="Orthodox_Easter_ul_day"></span>
    <span class="Orthodox_Easter_ul"></span><br>
    по юлианскому календарю (старый стиль)
    </span>
    </div>
    <div>
    Радуница<br>
    <span class="grig">
    <span class="Orthodox_Radunitsa_gr"></span><br>
    по григорианскому календарю (новый стиль)<br>
    </span>
    <span class="ulian">
    <span class="Orthodox_Radunitsa_ul_day"></span>
     <span class="Orthodox_Radunitsa_ul"></span><br>
    по юлианскому календарю (старый стиль)
    </span>
    </div>
    <div>
    Вербное воскресенье<br>
    <span class="grig">
    <span class="palm_Sunday_Orthodox_gr"></span><br>
    по григорианскому календарю (новый стиль)<br>
    </span>
    <span class="ulian">
    <span class="palm_Sunday_Orthodox_ul_day"></span><br>
    <span class="palm_Sunday_Orthodox_ul"></span>
    по юлианскому календарю (старый стиль)
    </span>
    </div>
    <div>
    Масленица<br>
    <span class="grig">
    <span class="Maslenitsa_Orthodox_gr"></span><br>
    по григорианскому календарю (новый стиль)<br>
    </span>
    <span class="ulian">
    <span class="Maslenitsa_Orthodox_ul_day"></span>
    <span class="Maslenitsa_Orthodox_ul"></span><br>
    по юлианскому календарю (старый стиль)
    </span>
    </div>
</div>
<div class="box-range" range="[4100,0]">
    <div>Введите год с 326 по 4099</div>
</div>
<script>
var inputY = document.getElementById("YearEntry");
    
inputY.value = new Date().getFullYear();
    
inputY.addEventListener("keyup", function() {
    this.value = this.value.replace(/\D/, '');
    showBox();
});
    
inputY.addEventListener("change", showBox);
    
//document.getElementById("button1").addEventListener("click", getEaster);

showBox();
//getEaster();

function catholicDate(year) {
    // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
    // Пример на 1777 год (год рождения Карла Гаусса): год = 1777 
    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, opt='long') {
    var options = {
        long:  { weekday: "long", day: "numeric", month: "long", year: "numeric" },
        short: { day: "numeric", month: "long", year: "numeric" },
        week: { weekday: "long"} 
    };    
    return date.toLocaleDateString("ru", options[opt]).replace(/^.?|,/g, function(v, i) {
        return !i ? v.toUpperCase() : '<br>'
    });
}
function showBox() {
    var Y = +inputY.value || 0, 
        box = document.querySelectorAll(".box-range"), 
        i, range, a;
    for(i=0; i<box.length; ++i) {
        range = JSON.parse(box[i].getAttribute('range')); 
        a = [];
        if(range[0]) a.push(Y >= range[0]);
        if(range[1]) a.push(Y <= range[1]);
        box[i].hidden = !eval(a.join('&&'))
}
    if(Y > 325 && Y < 4100) getEaster();
}
function getEaster() {
    var year = inputY.value, 
        razn = 0,
    box = document.querySelectorAll(".box-range"),
    dt, easter = {}, i, k;
    if (year >= 300 && year <= 499) razn = 1;
    else if (year >= 500 && year <= 599) razn = 2;
    else if (year >= 600 && year <= 699) razn = 3;
    else if (year >= 700 && year <= 899) razn = 4;
    else if (year >= 900 && year <= 999) razn = 5;
    else if (year >= 1000 && year <= 1099) razn = 6;
    else if (year >= 1100 && year <= 1299) razn = 7;
    else if (year >= 1300 && year <= 1399) razn = 8;
    else if (year >= 1400 && year <= 1499) razn = 9;
    else if (year >= 1500 && year <= 1699) razn = 10;
    else if (year >= 1700 && year <= 1799) razn = 11;
    else if (year >= 1800 && year <= 1899) razn = 12;
    else if (year >= 1900 && year <= 2099) razn = 13;
    else if (year >= 2100 && year <= 2199) razn = 14;
    else if (year >= 2200 && year <= 2299) razn = 15;
    else if (year >= 2300 && year <= 2399) razn = 16;
    else if (year >= 2500 && year <= 2599) razn = 17;
    else if (year >= 2600 && year <= 2699) razn = 18;
    else if (year >= 2700 && year <= 2899) razn = 19;
    else if (year >= 2900 && year <= 2999) razn = 20;
    else if (year >= 3000 && year <= 3099) razn = 21;
    else if (year >= 3100 && year <= 3299) razn = 22;
    else if (year >= 3300 && year <= 3399) razn = 23;
    else if (year >= 3400 && year <= 3499) razn = 24;
    else if (year >= 3500 && year <= 3699) razn = 25;
    else if (year >= 3700 && year <= 3799) razn = 26;
    else if (year >= 3800 && year <= 3899) razn = 27;
    else if (year >= 3900 && year <= 4099) razn = 28;
    dt = catholicDate(year);
    easter.Catholic_Easter_gr = formatDate(dt);
    easter.Catholic_Easter_ul_day = formatDate(dt, 'week');
    dt = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - razn);
    easter.Catholic_Easter_ul = formatDate(dt, 'week') + '<br>' + formatDate(dt, 'short');
    dt = orthodoxDate(year); //date1
    easter.Orthodox_Easter_ul = formatDate(dt, 'week') + '<br>' + formatDate(dt);
    easter.Orthodox_Radunitsa_ul = formatDate(dt, 'week') + '<br>' + formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 9));
    easter.palm_Sunday_Orthodox_ul = formatDate(dt, 'week') + '<br>' + formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 7));
    easter.Maslenitsa_Orthodox_ul = formatDate(dt, 'week') + '<br>' + formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 49));
    dt = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + razn); //date1_1
    easter.Orthodox_Easter_gr = formatDate(dt);
    easter.Orthodox_Easter_ul_day =  formatDate(dt, 'week');
    easter.Orthodox_Radunitsa_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 9));
    easter.Orthodox_Radunitsa_ul_day =  formatDate(dt, 'week');
    easter.palm_Sunday_Orthodox_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 7));
    easter.palm_Sunday_Orthodox_ul_day =  formatDate(dt, 'week');
    easter.Maslenitsa_Orthodox_gr = formatDate(new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() - 49));
    easter.Maslenitsa_Orthodox_ul_day =  formatDate(dt, 'week');
    for(i=0; i<box.length; ++i) {
        if(!box[i].hidden) {
            razn = box[i].querySelectorAll("div > span");
            for(k=0; k<razn.length; ++k) {
                dt = razn[k].querySelector("span");
                dt.innerHTML = easter[dt.className];
            }
            break
        }
    }
}
</script>
</body>
</html>
Ответить с цитированием
  #120 (permalink)  
Старый 15.12.2019, 09:13
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 589

тот же результат...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать чтобы кнопка «Назад» работала бы в пределах определенного сайта? Askeer Общие вопросы Javascript 0 12.10.2016 19:58
Как сделать поворот DIV клонов alexgrenn Элементы интерфейса 4 18.04.2016 22:58
filter(this,this) как правильно сделать? Smip jQuery 5 23.02.2013 02:07
Как сделать локальную переменную глобальной?? Дмитрий Общие вопросы Javascript 8 02.11.2010 03:33
Как обозначить переменную выбранную в FileChooser? woo_hoo Общие вопросы Javascript 4 03.07.2008 12:58