Форум

laimas · #11 (**permalink**) 07.11.2019, 21:37

Может так пойдет?

return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(',', '<br>')

Блондинка · #12 (**permalink**) 07.11.2019, 22:09

Сообщение от laimas

Может так пойдет?

return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(',', '<br>')

так выводится не тег а текст,
день недели<br> число месяц год

рони · #13 (**permalink**) 07.11.2019, 22:13

Блондинка,
textContent заменить на ...

Блондинка · #14 (**permalink**) 07.11.2019, 22:23

на троеточие?

Блондинка · #15 (**permalink**) 07.11.2019, 22:25

как получить название дня недели с заглавной буквы, потом тег переноса строки и потом число месяц год?

рони · #16 (**permalink**) 07.11.2019, 22:31

Сообщение от Блондинка

на троеточие?

innerHTML

laimas · #17 (**permalink**) 07.11.2019, 22:34

Сообщение от Блондинка

так выводится не тег а текст

<body></body>
<script>
document.body.innerHTML = new Date().toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(/^.?|,/g, function(v, i) {
    return !i ? v.toUpperCase() : '<br>'
})
</script>

Блондинка · #18 (**permalink**) 07.11.2019, 22:46

laimas,

Чем именно заменить эти строки

// Все даты отображаем в едином формате
        function formatDate(date) {
            return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" });

        }

laimas · #19 (**permalink**) 07.11.2019, 22:49

// Все даты отображаем в едином формате
        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>'
            });
        }

или можно короче записать

function formatDate(date) {
            return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(/^.?|,/g, (v, i) => i ? '<br>' : v.toUpperCase())
        }

Блондинка · #20 (**permalink**) 07.11.2019, 23:15

<!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; }
    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>
        Католическая пасха<br />
        <span id="catholic"></span>
    </div>
    <div>
        Православная пасха<br />
        <span id="orthodox"></span>
    </div>
    <div>
        Радуница<br />
        <span id="rad"></span>
    </div>
    <div>
        Вербное воскресенье<br />
        <span id="verb"></span>
    </div>
    <div>
        Масленица<br />
        <span id="masl"></span>
    </div>
    <script>
        function catholicDate(year) {
            // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
            // Пример на 1777 год (год рождения Карла Гаусса): год = 1777 
            // a = год mod 19      a = 10 
            var a = year % 19;
            // b = год mod 4       b = 1 
            var b = year % 4;
            // c = год mod 7       c = 6 
            var c = year % 7;
            // k = целая часть (год/100)           k = 17 
            var k = Math.floor(year / 100);
            // p = целая часть ((13 + 8k)/25)      p = 5 
            var p = Math.floor((13 + 8 * k) / 25);
            // q = целая часть (k/4)               q = 4 
            var q = Math.floor(k / 4);
            // M = (15 в€’ p + k в€’ q) mod 30         M = 23 
            var m = (15 - p + k - q) % 30;
            // N = (4 + k в€’ q) mod 7               N = 3 
            var n = (4 + k - q) % 7;
            // d = (19a + M) mod 30                d = 3 
            var d = (19 * a + m) % 30;
            // e = (2b + 4c + 6d + N) mod 7        e = 5 
            var e = (2 * b + 4 * c + 6 * d + n) % 7;
            // Дата Пасхи по новому стилю: 22 + d + e марта или d + e в€’ 9 апреля       30 марта 
            // Если d = 29 и e = 6, то вместо 26 апреля будет 19 апреля 
            if (d === 29 && e === 6)
                return new Date(year, 3, 19);
            // Если d = 28, e = 6 и (11M + 11) mod 30 < 19, то вместо 25 апреля будет 18 апреля 
            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/Алгоритм_Гаусса_вычисления_даты_Пасхи
            // Разделить номер года на 19 и определить остаток от деления a.
            var a = year % 19;
            // Разделить номер года на 4 и определить остаток от деления b.
            var b = year % 4;
            // Разделить номер года на 7 и определить остаток от деления c.
            var c = year % 7;
            // Разделить сумму 19a + 15 на 30 и определить остаток d.
            var d = (19 * a + 15) % 30;
            // Разделить сумму 2b + 4c + 6d + 6 на 7 и определить остаток e.
            var e = (2 * b + 4 * c + 6 * d + 6) % 7;
            // Определить сумму f = d + e.
            var f = d + e;
            // (по старому стилю) Если f в‰¤ 9, то Пасха будет праздноваться 22 + f марта; если f > 9, то Пасха будет праздноваться f — 9 апреля.
            // (по новому стилю) Если f в‰¤ 26, то Пасха будет праздноваться 4 + f апреля; если f > 26, то Пасха будет праздноваться f — 26 мая. 
            return f <= 26
                ? new Date(year, 3, 4 + f)
                : new Date(year, 4, f - 26);
        }
// Все даты отображаем в едином формате
        function formatDate(date) {
            return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(/^.?|,/g, (v, i) => i ? '<br>' : v.toUpperCase())
        }
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").textContent = formatDate(catholicDate(year));
            var date1 = orthodoxDate(year);
            document.getElementById("orthodox").textContent = formatDate(date1);
            var date2 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate() + 9);
            document.getElementById("rad").textContent = formatDate(date2);
            var date3 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate() - 7);
            document.getElementById("verb").textContent = formatDate(date3);
            var date4 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate() - 49);
            document.getElementById("masl").textContent = formatDate(date4);
        }
    </script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript