Не срабатывает проверка на високосный год

@бел ка · Регистрация: 23.02.2023

Студворк — интернет-сервис помощи студентам

при добавлении одного года, к 29 февраля 2024 ,получается 1 марта 2025, помогите сделать, чтобы получать последнее число февраля 2025г

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Выбор даты</title>
    <style>
        #today, #left, #centr, #test {
            font: bold 18px serif;
        }
        #today {
            text-align: left;
        }
        #left {
            text-align: left;
            font: italic 65% serif;
            color: hsl(120,70%,25%);
        }
        #centr {
            display: inline-block;
            text-align: center;
            color: hsl(240,100%,50%);
        }
        select, input, button {
          font: bold 18px serif;
        }
        [id^="minus"], [id^="plus"] {
          width: 32px;
          height: 32px;
        }
    </style>
</head>
<body>
 
<div id="data">
    <select id="weekDay"><option></option></select>
    <button id="minusWeek">-</button>
    <button id="plusWeek">+</button><br>
    <select id="desiredData"></select>
    <button id="minusDay">-</button>
    <button id="plusDay">+</button><br>
    <select id="desiredMonth"></select>
    <button id="minusMonth">-</button>
    <button id="plusMonth">+</button><br>
    <input id="desiredYear" type="text" size="5" />
    <button id="minusYear">-</button>
    <button id="plusYear">+</button><br>
    <select id="desiredEra"></select>
    <button id="minusEra">-</button>
    <button id="plusEra">+</button><br>
    <button id="today" style="display:none;">Сегодня</button><br>
    <span id="test"></span>
</div>
 
<script>
    var namesDaysWeek = ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'];
    var namesMonths = ['января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'];
 
    var desiredData = new Date();
    var isCurrentDate = true;
 
    function fillMonths() {
        var select = document.getElementById('desiredMonth');
        for (var i = 0; i < namesMonths.length; i++) {
            var option = document.createElement('option');
            option.value = i;
            option.text = namesMonths[i];
            select.appendChild(option);
        }
    }
 
    function updateDaysInMonth() {
        var daysInMonth = manyDaysInMonth(desiredData);
        var desiredDataSelect = document.getElementById('desiredData');
        var selectedDay = desiredData.getDate();
 
        desiredDataSelect.innerHTML = '';
        for (var day = 1; day <= daysInMonth; day++) {
            var option = document.createElement('option');
            option.value = day;
            option.text = day;
            desiredDataSelect.appendChild(option);
        }
 
        if (selectedDay > daysInMonth) {
            desiredData.setDate(daysInMonth);
        }
    }
 
    function manyDaysInMonth(date) {
        var year = date.getFullYear();
        var month = date.getMonth();
        return new Date(year, month + 1, 0).getDate();
    }
 
    function addMonth(date) {
        var currentMonth = date.getMonth();
        date.setMonth(currentMonth + 1);
 
        if (date.getMonth() !== (currentMonth + 1) % 12) {
            date.setDate(0); // Устанавливаем на последний день предыдущего месяца
        }
    }
 
    function subtractMonth(date) {
        var currentMonth = date.getMonth();
        date.setMonth(currentMonth - 1);
 
        if (date.getMonth() !== (currentMonth - 1 + 12) % 12) {
            date.setDate(0); // Устанавливаем на последний день предыдущего месяца
        }
    }
 
    function addYear(date) {
        var currentYear = date.getFullYear();
        date.setFullYear(currentYear + 1);
 
        // Проверка на високосный год
        if (date.getDate() === 29 && date.getMonth() === 1 && !isLeapYear(date.getFullYear())) {
            date.setDate(28); // Устанавливаем на 28 февраля
        }
    }
 
    function subtractYear(date) {
        var currentYear = date.getFullYear();
        date.setFullYear(currentYear - 1);
 
        // Проверка на високосный год
        if (date.getDate() === 29 && date.getMonth() === 1 && !isLeapYear(date.getFullYear())) {
            date.setDate(28); // Устанавливаем на 28 февраля
        }
    }
 
    function isLeapYear(year) {
        return (year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0);
    }
 
    function updateUI() {
        var wd = desiredData.getDay();
        var d = desiredData.getDate();
        var m = desiredData.getMonth();
        var y = desiredData.getFullYear();
 
        var weekDaySelect = document.getElementById('weekDay');
        if (weekDaySelect.options.length === 0) {
            var option = document.createElement('option');
            weekDaySelect.appendChild(option);
        }
        weekDaySelect.options[0].text = namesDaysWeek[wd];
 
        updateDaysInMonth();
 
        document.getElementById('desiredData').value = d;
        document.getElementById('desiredMonth').value = m;
        document.getElementById('desiredYear').value = (y === 0 ? 1 : y);
 
        var eraSelect = document.getElementById('desiredEra');
        eraSelect.innerHTML = '<option value="AD">н.э.</option><option value="BC">до н.э.</option>';
        eraSelect.value = (y > 0 ? 'AD' : 'BC');
 
        document.getElementById('test').innerHTML = "выбранная дата<br>" + namesDaysWeek[wd] + "<br>" + d + " " + namesMonths[m] + " " + y + " г.";
 
        // Форматирование текущей даты для кнопки "Сегодня"
        var today = new Date();
        var todayDay = today.getDay();
        var todayData = today.getDate();
        var todayMonth = today.getMonth();
        var todayYear = today.getFullYear();
        document.getElementById('today').innerHTML = "<span id='left'>сегодня:</span><br><span id ='centr'>" + namesDaysWeek[todayDay] + "<br>" + todayData + " " + namesMonths[todayMonth] + " " + todayYear + " г.</span>";
 
        document.getElementById('today').style.display = isCurrentDate ? 'none' : 'block';
    }
 
    // Обработчики кнопок
    function addEvent(id, handler) {
        var el = document.getElementById(id);
        if (el.addEventListener) {
            el.addEventListener('click', handler, false);
        } else if (el.attachEvent) {
            el.attachEvent('onclick', handler);
        }
    }
 
    addEvent('minusWeek', function () {
        desiredData.setDate(desiredData.getDate() - 7);
        isCurrentDate = false;
        updateUI();
    });
    addEvent('plusWeek', function () {
        desiredData.setDate(desiredData.getDate() + 7);
        isCurrentDate = false;
        updateUI();
    });
    addEvent('minusDay', function () {
        desiredData.setDate(desiredData.getDate() - 1);
        isCurrentDate = false;
        updateUI();
    });
    addEvent('plusDay', function () {
        desiredData.setDate(desiredData.getDate() + 1);
        isCurrentDate = false;
        updateUI();
    });
    addEvent('minusMonth', function () {
        subtractMonth(desiredData);
        isCurrentDate = false;
        updateUI();
    });
    addEvent('plusMonth', function () {
        addMonth(desiredData);
        isCurrentDate = false;
        updateUI();
    });
    addEvent('minusYear', function () {
        subtractYear(desiredData);
        isCurrentDate = false;
        updateUI();
    });
    addEvent('plusYear', function () {
        addYear(desiredData);
        isCurrentDate = false;
        updateUI();
    });
    addEvent('minusEra', function () {
        if (desiredData.getFullYear() > 0) {
            desiredData.setFullYear(-desiredData.getFullYear() + 1);
            isCurrentDate = false;
            updateUI();
        }
    });
    addEvent('plusEra', function () {
        if (desiredData.getFullYear() < 0) {
            desiredData.setFullYear(-desiredData.getFullYear() + 1);
            isCurrentDate = false;
            updateUI();
        }
    });
    addEvent('today', function () {
        desiredData = new Date();
        isCurrentDate = true;
        updateUI();
    });
 
    var desiredYearInput = document.getElementById('desiredYear');
    if (desiredYearInput.addEventListener) {
        desiredYearInput.addEventListener('input', function () {
            var yearValue = this.value.replace(/[^0-9+-]/g, '');
            if (yearValue === '') {
                yearValue = '1';
            }
            this.value = yearValue;
            if (parseInt(yearValue, 10) === 0) {
                this.value = '1';
            }
            desiredData.setFullYear(parseInt(this.value, 10));
            isCurrentDate = false;
            updateUI();
        }, false);
    } else if (desiredYearInput.attachEvent) {
        desiredYearInput.attachEvent('onpropertychange', function () {
            var yearValue = desiredYearInput.value.replace(/[^0-9+-]/g, '');
            if (yearValue === '') {
                yearValue = '1';
            }
            desiredYearInput.value = yearValue;
            if (parseInt(yearValue, 10) === 0) {
                desiredYearInput.value = '1';
            }
            desiredData.setFullYear(parseInt(desiredYearInput.value, 10));
            isCurrentDate = false;
            updateUI();
        });
    }
 
    // Заполнение месяцев и начальная инициализация
    fillMonths();
    updateUI();
</script>
 
</body>
</html>

@George99 · 28.05.2025, 00:07

изменен порядок проверки

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Выбор даты</title>
  <style>
    #today, #left, #center, #test {
      font: bold 18px serif;
    }
    #today {
      text-align: left;
    }
    #left {
      text-align: left;
      font: italic 65% serif;
      color: hsl(120,70%,25%);
    }
    #center {
      display: inline-block;
      text-align: center;
      color: hsl(240,100%,50%);
    }
    select, input, button {
      font: bold 18px serif;
    }
    [id^="minus"], [id^="plus"] {
      width: 32px;
      height: 32px;
    }
  </style>
</head>
<body>
 
<div id="data">
  <select id="weekDay"><option></option></select>
  <button id="minusWeek">-</button>
  <button id="plusWeek">+</button><br>
 
  <select id="desiredDay"></select>
  <button id="minusDay">-</button>
  <button id="plusDay">+</button><br>
 
  <select id="desiredMonth"></select>
  <button id="minusMonth">-</button>
  <button id="plusMonth">+</button><br>
 
  <input id="desiredYear" type="text" size="5" />
  <button id="minusYear">-</button>
  <button id="plusYear">+</button><br>
 
  <select id="desiredEra"></select>
  <button id="minusEra">-</button>
  <button id="plusEra">+</button><br>
 
  <button id="today" style="display:none;">Сегодня</button><br>
  <span id="test"></span>
</div>
 
<script>
  const namesDaysWeek = ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'];
  const namesMonths = ['января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'];
 
  let desiredDate = new Date();
  let isCurrentDate = true;
 
  function fillMonthOptions() {
    const select = document.getElementById('desiredMonth');
    namesMonths.forEach((name, index) => {
      const option = document.createElement('option');
      option.value = index;
      option.text = name;
      select.appendChild(option);
    });
  }
 
  function updateDayOptions() {
    const daySelect = document.getElementById('desiredDay');
    const year = desiredDate.getFullYear();
    const month = desiredDate.getMonth();
    const daysInMonth = new Date(year, month + 1, 0).getDate();
 
    const selectedDay = desiredDate.getDate();
    daySelect.innerHTML = '';
    for (let day = 1; day <= daysInMonth; day++) {
      const option = document.createElement('option');
      option.value = day;
      option.text = day;
      daySelect.appendChild(option);
    }
 
    if (selectedDay > daysInMonth) {
      desiredDate.setDate(daysInMonth);
    }
  }
 
  function isLeapYear(year) {
    return (year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0);
  }
 
  function adjustDateForLeapYear(prevDate) {
    if (
      prevDate.getDate() === 29 &&
      prevDate.getMonth() === 1 &&
      !isLeapYear(prevDate.getFullYear())
    ) {
      prevDate.setDate(28);
    }
  }
 
  function changeMonth(offset) {
    const prevDate = new Date(desiredDate);
    desiredDate.setMonth(desiredDate.getMonth() + offset);
    if (desiredDate.getMonth() !== (prevDate.getMonth() + offset + 12) % 12) {
      desiredDate.setDate(0); // последний день предыдущего месяца
    }
  }
 
  function changeYear(offset) {
    const prevDate = new Date(desiredDate);
    desiredDate.setFullYear(desiredDate.getFullYear() + offset);
    adjustDateForLeapYear(desiredDate);
  }
 
  function toggleEra() {
    const year = desiredDate.getFullYear();
    desiredDate.setFullYear(year > 0 ? -year + 1 : -year + 1);
  }
 
  function updateUI() {
    const wd = desiredDate.getDay();
    const d = desiredDate.getDate();
    const m = desiredDate.getMonth();
    const y = desiredDate.getFullYear();
 
    const weekDaySelect = document.getElementById('weekDay');
    weekDaySelect.options[0].text = namesDaysWeek[wd];
 
    updateDayOptions();
 
    document.getElementById('desiredDay').value = d;
    document.getElementById('desiredMonth').value = m;
    document.getElementById('desiredYear').value = y === 0 ? 1 : y;
 
    const eraSelect = document.getElementById('desiredEra');
    eraSelect.innerHTML = `
      <option value="AD">н.э.</option>
      <option value="BC">до н.э.</option>
    `;
    eraSelect.value = y > 0 ? 'AD' : 'BC';
 
    document.getElementById('test').innerHTML =
      `выбранная дата<br>${namesDaysWeek[wd]}<br>${d} ${namesMonths[m]} ${y} г.`;
 
    const today = new Date();
    document.getElementById('today').innerHTML = `
      <span id='left'>сегодня:</span><br>
      <span id='center'>${namesDaysWeek[today.getDay()]}<br>${today.getDate()} ${namesMonths[today.getMonth()]} ${today.getFullYear()} г.</span>
    `;
    document.getElementById('today').style.display = isCurrentDate ? 'none' : 'block';
  }
 
  function addClickEvent(id, handler) {
    const el = document.getElementById(id);
    el.addEventListener('click', handler);
  }
 
  function setupEventHandlers() {
    addClickEvent('minusWeek', () => { desiredDate.setDate(desiredDate.getDate() - 7); isCurrentDate = false; updateUI(); });
    addClickEvent('plusWeek', () => { desiredDate.setDate(desiredDate.getDate() + 7); isCurrentDate = false; updateUI(); });
    addClickEvent('minusDay', () => { desiredDate.setDate(desiredDate.getDate() - 1); isCurrentDate = false; updateUI(); });
    addClickEvent('plusDay', () => { desiredDate.setDate(desiredDate.getDate() + 1); isCurrentDate = false; updateUI(); });
    addClickEvent('minusMonth', () => { changeMonth(-1); isCurrentDate = false; updateUI(); });
    addClickEvent('plusMonth', () => { changeMonth(1); isCurrentDate = false; updateUI(); });
    addClickEvent('minusYear', () => { changeYear(-1); isCurrentDate = false; updateUI(); });
    addClickEvent('plusYear', () => { changeYear(1); isCurrentDate = false; updateUI(); });
    addClickEvent('minusEra', () => { toggleEra(); isCurrentDate = false; updateUI(); });
    addClickEvent('plusEra', () => { toggleEra(); isCurrentDate = false; updateUI(); });
    addClickEvent('today', () => { desiredDate = new Date(); isCurrentDate = true; updateUI(); });
 
    document.getElementById('desiredYear').addEventListener('input', function () {
      let yearValue = this.value.replace(/[^0-9+-]/g, '');
      if (yearValue === '' || parseInt(yearValue, 10) === 0) {
        yearValue = '1';
      }
      this.value = yearValue;
      desiredDate.setFullYear(parseInt(yearValue, 10));
      isCurrentDate = false;
      updateUI();
    });
  }
 
  // Инициализация
  fillMonthOptions();
  setupEventHandlers();
  updateUI();
</script>
 
</body>
</html>

@бел ка · 28.05.2025, 14:40 **[ТС]**

George99, результат не изменился, 29 февраля 2024 плюс год, получается 1 марта 2025, а надо чтобы возвращал последнее число того же месяца, февраля...

@andrey_f · 28.05.2025, 14:55

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function addYear(date) {
    var currentYear = date.getFullYear();
    var targetYear = currentYear + 1;
 
    // Проверяем, существует ли 29 февраля в следующем году
    if (isLeapYear(targetYear)) {
        date.setFullYear(targetYear);
        date.setMonth(1); // февраль
        date.setDate(29);
    } else {
        // Если не високосный год, устанавливаем на последний день февраля
        date.setFullYear(targetYear);
        date.setMonth(1); // февраль
        date.setDate(0); // последний день предыдущего месяца (февраль)
    }
}

ну и аналогично

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function subtractYear(date) {
    var currentYear = date.getFullYear();
    var targetYear = currentYear - 1;
 
    if (isLeapYear(targetYear)) {
        date.setFullYear(targetYear);
        date.setMonth(1);
        date.setDate(29);
    } else {
        date.setFullYear(targetYear);
        date.setMonth(1);
        date.setDate(0);
    }
}

krvsa · 28.05.2025, 15:11

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

надо чтобы возвращал последнее число того же месяца

Как вариант...

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
const d = new Date('2024-02-29')
console.log('+12', incMonth(d, 12))
console.log('-12', incMonth(d, -12))
//
function incMonth(date, month){
    const d = new Date(date)
    const m = d.getMonth()
    d.setMonth(d.getMonth() + month)
    while (d.getMonth() > m){
        d.setHours(d.getHours() - 24)
    }
    return d
}

@George99 · 28.05.2025, 15:56

Лишнюю логику надо убрать — календарь сам знает когда високосный год и сколько дней в каждом месяце. Добавим только логику последнего дня месяца..

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8" />
  <title>Умный селектор даты с днём недели</title>
  <style>
    .date-picker {
      display: flex;
      align-items: center;
      gap: 8px;
      font-family: sans-serif;
    }
    button {
      padding: 4px 8px;
      cursor: pointer;
    }
    #weekday {
      min-width: 90px;
      font-weight: 600;
      color: #444;
    }
  </style>
</head>
<body>
 
<div class="date-picker">
  <button id="prevYear">⏪ Год</button>
  <button id="prevMonth">◀ Месяц</button>
  <input type="date" id="dateInput" />
  <button id="nextMonth">Месяц ▶</button>
  <button id="nextYear">Год ⏩</button>
  <span id="weekday"></span>
</div>
 
<script>
  const dateInput = document.getElementById('dateInput');
  const weekdaySpan = document.getElementById('weekday');
 
  const weekdays = ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'];
 
  let currentDate = new Date();
  let suppressChange = false;
 
  function isLastDayOfMonth(date) {
    const lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
    return date.getDate() === lastDay;
  }
 
  function getLastDayOfMonth(year, month) {
    return new Date(year, month + 1, 0);
  }
 
  function formatDateToInput(date) {
    const yyyy = date.getFullYear();
    const mm = String(date.getMonth() + 1).padStart(2, '0');
    const dd = String(date.getDate()).padStart(2, '0');
    return `${yyyy}-${mm}-${dd}`;
  }
 
  function updateWeekday(date) {
    weekdaySpan.textContent = weekdays[date.getDay()];
  }
 
  function updateDate(yearOffset = 0, monthOffset = 0) {
    const wasLastDay = isLastDayOfMonth(currentDate);
    let year = currentDate.getFullYear() + yearOffset;
    let month = currentDate.getMonth() + monthOffset;
 
    // Корректируем год и месяц при переполнении месяцев
    const tempDate = new Date(year, month, 1);
    year = tempDate.getFullYear();
    month = tempDate.getMonth();
 
    let newDate;
    if (wasLastDay) {
      newDate = getLastDayOfMonth(year, month);
    } else {
      const day = currentDate.getDate();
      const maxDay = new Date(year, month + 1, 0).getDate();
      newDate = new Date(year, month, Math.min(day, maxDay));
    }
 
    currentDate = newDate;
 
    suppressChange = true;
    dateInput.value = formatDateToInput(currentDate);
    suppressChange = false;
 
    updateWeekday(currentDate);
  }
 
  // Обработка изменения вручную в input[type=date]
  dateInput.addEventListener('change', () => {
    if (suppressChange) return;
    const val = dateInput.value;
    if (val) {
      currentDate = new Date(val + 'T00:00');
      updateWeekday(currentDate);
    }
  });
 
  // Кнопки
  document.getElementById('prevYear').onclick = () => updateDate(-1, 0);
  document.getElementById('nextYear').onclick = () => updateDate(1, 0);
  document.getElementById('prevMonth').onclick = () => updateDate(0, -1);
  document.getElementById('nextMonth').onclick = () => updateDate(0, 1);
 
  // Инициализация
  suppressChange = true;
  dateInput.value = formatDateToInput(currentDate);
  suppressChange = false;
  updateWeekday(currentDate);
</script>
 
</body>
</html>

@бел ка · 28.05.2025, 21:24 **[ТС]**

George99, а как инпут с типом дата обрабатывает даты до н.э.

@George99 · 28.05.2025, 22:32

Штатной обработки отрицательных дат нет. Можно вручную через алгоритм Зеллера, если помучиться надо. Но проще взять библиотеку Йода, которая обрабатывает отрицательные даты.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Исторический календарь (BCE, js-joda)</title>
  <style>
    body {
      font-family: sans-serif;
      padding: 1em;
    }
    input {
      font-size: 1.2em;
      width: 150px;
    }
    button {
      margin: 0.2em;
      padding: 0.5em 1em;
    }
    #info {
      margin-top: 0.5em;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h2>Исторический календарь</h2>
 
  <input type="text" id="dateInput" placeholder="YYYY-MM-DD" />
  <p id="info">Загрузка...</p>
 
  <div>
    <button id="prevYear">« Год</button>
    <button id="prevMonth">« Месяц</button>
    <button id="prevWeek">« Неделя</button>
    <button id="prevDay">« День</button>
 
    <button id="nextDay">День »</button>
    <button id="nextWeek">Неделя »</button>
    <button id="nextMonth">Месяц »</button>
    <button id="nextYear">Год »</button>
  </div>
 
  <script type="module">
    import {
      LocalDate,
      ChronoUnit
    } from 'https://cdn.jsdelivr.net/npm/@js-joda/core/+esm';
 
    const input = document.getElementById('dateInput');
    const info = document.getElementById('info');
 
    let currentDate = LocalDate.of(-44, 3, 15); // Пример: 15 марта 44 г. до н.э.
 
    function isLastDayOfMonth(date) {
      return date.dayOfMonth() === date.lengthOfMonth();
    }
 
    function getLastDayOfMonth(date) {
      return date.withDayOfMonth(date.lengthOfMonth());
    }
 
    function formatDate(date) {
      const year = date.year();
      const month = String(date.monthValue()).padStart(2, '0');
      const day = String(date.dayOfMonth()).padStart(2, '0');
      const prefix = year < 0 ? '-' : '';
      return `${prefix}${String(Math.abs(year)).padStart(4, '0')}-${month}-${day}`;
    }
 
    function parseDate(str) {
      try {
        const [y, m, d] = str.split('-').map(Number);
        return LocalDate.of(y, m, d);
      } catch {
        return null;
      }
    }
 
    function updateDate(date) {
      currentDate = date;
      input.value = formatDate(date);
      const weekday = date.dayOfWeek().toString();
      const bce = date.year() < 1 ? ' (до н.э.)' : '';
      info.textContent = `${weekday}${bce}`;
    }
 
    function changeDate(years, months, days) {
      const wasLastDay = isLastDayOfMonth(currentDate);
      let newDate;
 
      if ((months !== 0 || years !== 0) && wasLastDay) {
        const intermediate = currentDate.plusYears(years).plusMonths(months);
        newDate = getLastDayOfMonth(intermediate).plusDays(days);
      } else {
        newDate = currentDate.plusYears(years).plusMonths(months).plusDays(days);
      }
 
      updateDate(newDate);
    }
 
    input.addEventListener('change', () => {
      const parsed = parseDate(input.value);
      if (parsed) {
        updateDate(parsed);
      } else {
        info.textContent = '❌ Неверный формат или дата';
      }
    });
 
    document.getElementById('prevDay').onclick   = () => changeDate(0, 0, -1);
    document.getElementById('nextDay').onclick   = () => changeDate(0, 0, 1);
    document.getElementById('prevWeek').onclick  = () => changeDate(0, 0, -7);
    document.getElementById('nextWeek').onclick  = () => changeDate(0, 0, 7);
    document.getElementById('prevMonth').onclick = () => changeDate(0, -1, 0);
    document.getElementById('nextMonth').onclick = () => changeDate(0, 1, 0);
    document.getElementById('prevYear').onclick  = () => changeDate(-1, 0, 0);
    document.getElementById('nextYear').onclick  = () => changeDate(1, 0, 0);
 
    // Инициализация
    updateDate(currentDate);
  </script>
</body>
</html>

@бел ка · 06.06.2025, 19:31 **[ТС]**

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Выбор даты</title>
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" />
<style>
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
#datePicker {
font: bold 14px 'PT Serif';
}
#weekDayContainer {
margin-bottom: 5px;
}
#datePartsContainer {
white-space: nowrap;
}
.date-picker-table {
display: inline-table;
border-collapse: collapse;
border: 1px solid hsl(214, 100%, 50%);
border-radius: 6px;
font: bold 18px 'PT Serif';
color: hsl(214, 100%, 50%);
background: #fff;
}
.date-picker-table td {
border: 1px solid hsl(214, 100%, 50%);
padding: 0;
vertical-align: middle;
}
.date-picker-select,
.date-picker-input {
height: 60px;
box-sizing: border-box;
border: none;
background-color: hsl(214, 85%, 95%);
color: hsl(214, 100%, 50%);
font: bold 18px 'PT Serif';
text-align: center;
outline: none;
}
.btn-cell {
width: 20px;
background-color: hsl(214, 85%, 90%);
padding: 0;
}
.btn-cell button {
width: 100%;
height: 16px;
border: none;
background: transparent;
color: hsl(214, 100%, 50%);
font: bold 18px 'PT Serif';
line-height: 1;
cursor: pointer;
user-select: none;
}
.btn-cell button:hover {
background-color: hsl(214, 85%, 85%);
}
#time {
font: bold 28px 'PT Serif';
margin: 15px 0;
}
#btnToday {
margin-top: 5px;
}
#btnToday button {
cursor: pointer;
background-color: hsl(214, 85%, 95%);
border: 1px solid hsl(214, 100%, 50%);
border-radius: 6px;
padding: 6px 12px;
color: hsl(214, 100%, 50%);
font: normal 18px 'PT Serif';
line-height: 0.9;
text-align: center;
}
#btnToday #left {
display: block;
color: hsl(0, 0%, 45%);
font: italic 70% 'PT Serif';
text-align: left;
}
#btnToday #center {
display: block;
font: bold 18px 'PT Serif';
text-align: center;
}
#errorMsg {
font: italic 14px 'PT Serif';
border: 1px solid hsl(348, 100%, 55%);
background-color: hsl(348, 100%, 95%);
color: hsl(348, 100%, 55%);
padding: 5px 10px;
border-radius: 10px;
margin-top: 10px;
display: none;
}
.one_digit {
border: 1px solid hsl(214, 100%, 50%);
padding: 8px 5px;
margin: 0 2.5px;
background-color: hsl(214, 85%, 90%);
color: hsl(214, 100%, 50%);
border-radius: 7px;
}
.colon {
color: hsl(214, 100%, 50%);
}
input[type="text"] {
background-color: hsl(214, 85%, 90%);
color: hsl(214,100%,50%);
}
input[type="number"] {
background-color: hsl(120, 85%, 90%);
color: hsl(120,100%,20%);
}
#yearInput {
width: 120px;
text-align: center;
}
</style>
</head>
<body>
<div id="datePicker">
<div id="time"></div>
<div id="weekDayContainer">
<table class="date-picker-table">
<tr>
<td rowspan="2">
<select id="weekDaySelect" class="date-picker-select"></select>
</td>
<td class="btn-cell">
<button id="btnMinusWeek">-</button>
</td>
</tr>
<tr>
<td class="btn-cell">
<button id="btnPlusWeek">+</button>
</td>
</tr>
</table>
</div>
<div id="datePartsContainer">
<table class="date-picker-table">
<tr>
<td rowspan="2">
<select id="daySelect" class="date-picker-select"></select>
</td>
<td class="btn-cell">
<button id="btnMinusDay">-</button>
</td>
</tr>
<tr>
<td class="btn-cell">
<button id="btnPlusDay">+</button>
</td>
</tr>
</table>
<table class="date-picker-table">
<tr>
<td rowspan="2">
<select id="monthSelect" class="date-picker-select"></select>
</td>
<td class="btn-cell">
<button id="btnMinusMonth">-</button>
</td>
</tr>
<tr>
<td class="btn-cell">
<button id="btnPlusMonth">+</button>
</td>
</tr>
</table>
<table class="date-picker-table">
<tr>
<td rowspan="2">
<input id="yearInput" class="date-picker-input" type="text" />
</td>
<td class="btn-cell">
<button id="btnMinusYear">-</button>
</td>
</tr>
<tr>
<td class="btn-cell">
<button id="btnPlusYear">+</button>
</td>
</tr>
</table>
<table class="date-picker-table">
<tr>
<td rowspan="2">
<select id="eraSelect" class="date-picker-select">
<option value="BC">до н.э.</option>
<option value="AD">н.э.</option>
</select>
</td>
<td class="btn-cell">
<button id="btnMinusEra">-</button>
</td>
</tr>
<tr>
<td class="btn-cell">
<button id="btnPlusEra">+</button>
</td>
</tr>
</table>
</div>
<div id="errorMsg">
 
Выберете дату в диапазоне:<br>
<span id="minData"></span> — <span id="maxData"></span>.
</div>
<div id="btnToday">
<button >
<span id="left">сегодня:</span>
<span id="center"></span>
</button>
</div>
 
<div id="test">
</div>
</div>
<script>
(function(){
var namesDaysWeek = ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'];
var namesMonths = ['января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'];
var timeDiv = document.getElementById('time');
var weekDaySelect = document.getElementById('weekDaySelect');
var daySelect = document.getElementById('daySelect');
var monthSelect = document.getElementById('monthSelect');
var yearInput = document.getElementById('yearInput');
var eraSelect = document.getElementById('eraSelect');
var errorMsg = document.getElementById('errorMsg');
var minDataSpan = document.getElementById('minData');
var maxDataSpan = document.getElementById('maxData');
var btnTodayDiv = document.getElementById('btnToday');
var btnTodayButton = btnTodayDiv.getElementsByTagName('button')[0];
var btnTodayLeft = document.getElementById('left');
var btnTodayCenter = document.getElementById('center');
var testDiv = document.getElementById('test');
var currentDate = new Date();
var blinkState = true;
var blinkInterval;
var yearInputTimeout;
var inputFocused = false;
function dig2tospan(sdig) {
sdig = ('0' + sdig).slice(-2);
return '<span class="one_digit">' + sdig.charAt(0) + '</span><span class="one_digit">' + sdig.charAt(1) + '</span>';
}
function daysInMonth(year, month) {
var nextMonth = new Date(year, month + 1, 1);
var lastDay = new Date(nextMonth.getTime() - 86400000);
return lastDay.getDate();
}
function formatYearForDate(inputYear, era) {
if (isNaN(inputYear) || inputYear === null) return null;
inputYear = Number(inputYear);
if (era === 'BC') {
return -(inputYear - 1);
}
return inputYear;
}
function formatYearForInput(yearForDate, era) {
if (era === 'BC') {
return String(1 - yearForDate);
}
return String(yearForDate);
}
function formatYearForTest(yearForDate) {
return String(yearForDate);
}
function correctDate(year, month, day) {
var dim = daysInMonth(year, month);
if (day > dim) day = dim;
var date = new Date(2000, month, day);
date.setFullYear(year);
return date;
}
function fillMonths() {
monthSelect.innerHTML = '';
for(var i=0; i<namesMonths.length; i++) {
var opt = document.createElement('option');
opt.value = i;
opt.textContent = namesMonths[i];
monthSelect.appendChild(opt);
}
}
function fillDays(year, month) {
var dim = daysInMonth(year, month);
daySelect.innerHTML = '';
for(var d=1; d<=dim; d++) {
var opt = document.createElement('option');
opt.value = d;
opt.textContent = d;
daySelect.appendChild(opt);
}
}
function updateWeekDay(dayIndex) {
weekDaySelect.innerHTML = '';
var opt = document.createElement('option');
opt.textContent = namesDaysWeek[dayIndex];
opt.selected = true;
weekDaySelect.appendChild(opt);
}
function updateTime() {
var now = new Date();
var h = now.getHours();
var m = now.getMinutes();
var s = now.getSeconds();
var timeHtml = dig2tospan(h) + '<span class="colon" style="opacity:' + (blinkState ? '1' : '0.3') + '">:</span>' +
dig2tospan(m) + '<span class="colon" style="opacity:' + (blinkState ? '1' : '0.3') + '">:</span>' +
dig2tospan(s);
timeDiv.innerHTML = timeHtml;
}
function startBlink() {
blinkInterval = setInterval(function(){
blinkState = !blinkState;
updateTime();
}, 500);
}
function updateControls(date) {
date = correctDate(date.getFullYear(), date.getMonth(), date.getDate());
currentDate = date;
updateWeekDay(date.getDay());
fillDays(date.getFullYear(), date.getMonth());
daySelect.value = date.getDate();
monthSelect.value = date.getMonth();
if (date.getFullYear() < 1) {
eraSelect.value = 'BC';
yearInput.value = formatYearForInput(date.getFullYear(), 'BC');
} else {
eraSelect.value = 'AD';
yearInput.value = formatYearForInput(date.getFullYear(), 'AD');
}
updateTime();
updateTodayButton();
updateTestDiv();
updateDateRange();
toggleTodayButtonVisibility();
errorMsg.style.display = isDateOutOfRange(currentDate) ? 'block' : 'none';
}
function updateTodayButton() {
var now = new Date();
var wd = now.getDay();
var day = now.getDate();
var monthName = namesMonths[now.getMonth()];
var year = now.getFullYear();
btnTodayCenter.innerHTML = namesDaysWeek[wd] + '<br>' + day + ' ' + monthName + ' ' + year + 'г.';
}
function updateTestDiv() {
var wd = currentDate.getDay();
var day = currentDate.getDate();
var monthName = namesMonths[currentDate.getMonth()];
var yearForDate = currentDate.getFullYear();
var era = eraSelect.value;
var yearForInput = formatYearForInput(yearForDate, era);
var yearForTest = formatYearForTest(yearForDate);
var text = 'выбранная дата:<br>' + namesDaysWeek[wd] + '<br>' + day + ' ' + monthName + ' ' + yearForInput + (era === 'BC' ? 'г. до н.э.' : 'г.') + '<br>(' + yearForTest + 'г.)';
testDiv.innerHTML = text;
}
var minValidDate = findMinDate();
var maxValidDate = findMaxDate();
function updateDateRange() {
minDataSpan.textContent = formatDateForDisplay(minValidDate);
maxDataSpan.textContent = formatDateForDisplay(maxValidDate);
}
function formatDateForDisplay(date) {
var day = date.getDate();
var monthName = namesMonths[date.getMonth()];
var year = date.getFullYear();
var era = year < 1 ? 'до н.э.' : 'н.э.';
var displayYear = year < 1 ? (1 - year) : year;
return day + ' ' + monthName + ' ' + displayYear + ' г. ' + era;
}
function findMinDate() {
var low = -1e16;
var high = 0;
while (high - low > 1) {
var mid = Math.floor((low + high) / 2);
var d = new Date(mid);
if (!isNaN(d.getTime())) {
high = mid;
} else {
low = mid;
}
}
return new Date(high);
}
function findMaxDate() {
var low = 0;
var high = 1e16;
while (high - low > 1) {
var mid = Math.floor((low + high) / 2);
var d = new Date(mid);
if (!isNaN(d.getTime())) {
low = mid;
} else {
high = mid;
}
}
return new Date(low);
}
function isDateOutOfRange(date) {
return date < minValidDate || date > maxValidDate || isNaN(date.getTime());
}
function toggleTodayButtonVisibility() {
var now = new Date();
var equal = (currentDate.getDate() === now.getDate()) &&
(currentDate.getMonth() === now.getMonth()) &&
(currentDate.getFullYear() === now.getFullYear());
btnTodayDiv.style.display = equal ? 'none' : 'block';
}
document.getElementById('btnMinusWeek').onclick = function(){
currentDate.setDate(currentDate.getDate() - 7);
updateControls(currentDate);
};
document.getElementById('btnPlusWeek').onclick = function(){
currentDate.setDate(currentDate.getDate() + 7);
updateControls(currentDate);
};
document.getElementById('btnMinusDay').onclick = function(){
currentDate.setDate(currentDate.getDate() - 1);
updateControls(currentDate);
};
document.getElementById('btnPlusDay').onclick = function(){
currentDate.setDate(currentDate.getDate() + 1);
updateControls(currentDate);
};
document.getElementById('btnMinusMonth').onclick = function(){
var y = currentDate.getFullYear();
var m = currentDate.getMonth();
var d = currentDate.getDate();
m--;
if(m < 0) {
m = 11;
y--;
}
currentDate = correctDate(y, m, d);
updateControls(currentDate);
};
document.getElementById('btnPlusMonth').onclick = function(){
var y = currentDate.getFullYear();
var m = currentDate.getMonth();
var d = currentDate.getDate();
m++;
if(m > 11) {
m = 0;
y++;
}
currentDate = correctDate(y, m, d);
updateControls(currentDate);
};
document.getElementById('btnMinusYear').onclick = function(){
var y = currentDate.getFullYear();
var m = currentDate.getMonth();
var d = currentDate.getDate();
y--;
currentDate = correctDate(y, m, d);
updateControls(currentDate);
};
document.getElementById('btnPlusYear').onclick = function(){
var y = currentDate.getFullYear();
var m = currentDate.getMonth();
var d = currentDate.getDate();
y++;
currentDate = correctDate(y, m, d);
updateControls(currentDate);
};
document.getElementById('btnMinusEra').onclick = function(){
if(eraSelect.value !== 'BC'){
eraSelect.value = 'BC';
updateEraDate();
}
};
document.getElementById('btnPlusEra').onclick = function(){
if(eraSelect.value !== 'AD'){
eraSelect.value = 'AD';
updateEraDate();
}
};
function updateEraDate(){
var inputYear = parseInt(yearInput.value, 10);
if(isNaN(inputYear) || inputYear < 1) inputYear = 1;
var newYear = formatYearForDate(inputYear, eraSelect.value);
var m = currentDate.getMonth();
var d = currentDate.getDate();
currentDate = correctDate(newYear, m, d);
updateControls(currentDate);
}
daySelect.onchange = function(){
var d = parseInt(daySelect.value, 10);
if(!isNaN(d)){
var y = currentDate.getFullYear();
var m = currentDate.getMonth();
currentDate = correctDate(y, m, d);
updateControls(currentDate);
}
};
monthSelect.onchange = function(){
var m = parseInt(monthSelect.value, 10);
if(!isNaN(m)){
var y = currentDate.getFullYear();
var d = currentDate.getDate();
currentDate = correctDate(y, m, d);
updateControls(currentDate);
}
};
yearInput.addEventListener('focus', function(){
inputFocused = true;
yearInput.type = 'number';
});
yearInput.addEventListener('input', function(){
var val = yearInput.value;
var newVal = '';
for(var i=0; i<val.length; i++){
var ch = val.charAt(i);
if(ch >= '0' && ch <= '9'){
newVal += ch;
}
}
if(newVal.length > 6) newVal = newVal.substr(0,6);
if(newVal !== val){
yearInput.value = newVal;
}
if(yearInputTimeout) clearTimeout(yearInputTimeout);
yearInputTimeout = setTimeout(function(){
yearInput.type = 'text';
processYearInput();
inputFocused = false;
}, 1200);
});
yearInput.addEventListener('blur', function(){
inputFocused = false;
if(yearInputTimeout) {
clearTimeout(yearInputTimeout);
yearInputTimeout = null;
}
yearInput.type = 'text';
processYearInput();
});
function processYearInput(){
var val = yearInput.value.trim();
if(val === ''){
currentDate = new Date();
updateControls(currentDate);
return;
}
val = val.replace(/^0+/, '');
if(val === ''){
eraSelect.value = 'BC';
val = '1';
}
var numYear = parseInt(val, 10);
if(isNaN(numYear)){
currentDate = new Date();
updateControls(currentDate);
return;
}
yearInput.value = String(numYear);
var yearForDate = formatYearForDate(numYear, eraSelect.value);
var m = currentDate.getMonth();
var d = currentDate.getDate();
currentDate = correctDate(yearForDate, m, d);
updateControls(currentDate);
}
eraSelect.onchange = function(){
updateEraDate();
};
btnTodayButton.onclick = function(){
currentDate = new Date();
updateControls(currentDate);
};
fillMonths();
updateControls(currentDate);
updateDateRange();
startBlink();
setInterval(updateTime, 1000);
})();
</script>
</body>
</html>

есть такой скрипт на чистом es5

@бел ка · 06.06.2025, 19:45 **[ТС]**

кто может помочь доработать два ньюанса?
1.) есть функции для вычисления минимальной и максимальной даты, доступных в js, надо чтобы эти даты не вычислялись при каждой загрузке страницы, а хранились в переменных, и обновлялись раз в сутки, если пользователь ввёл дату меньше минимальной, надо вставить минимальную дату в элементы формы, див с ошибкой сделать видимым, и скрывать только когда пользователь начнёт изменять дату в элементах формы, так же если пользователь ввёл дату больше максимальной, надо максимальную дату вставить в элементы формы и вывести ошибку, скрывать только после того как пользователь начал кликать по селектам инпуту кнопкам.
2.) надо определить сколько времени осталось до конца суток, и обновить весь див с формой, при наступлении новых суток

@voraa · 06.06.2025, 22:22

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

и обновлялись раз в сутки,

А, что минимальная и максимальная даты так часто меняются?

@бел ка · 06.06.2025, 22:30 **[ТС]**

voraa, в принципе можно сделать раз в неделю, в месяц, в остальном в этом скрипте учтены все фишки, которые я хотела, работает со всеми датами и до н.э. и н.э.

@voraa · 06.06.2025, 22:32

Ну они же вообще не меняются.
Один раз вычислить и вставить в скрипт, как константы.

@бел ка · 06.06.2025, 22:58 **[ТС]**

voraa, можно и так, главное если скрипт выдаёт NaN и undefined, в элементы формы вставляются эти значения, вместо NaN и undefined, и выводится блок с ошибкой, до тех пор пока пользователь не начнёт кликать на элементы формы

вот даты которые js может обработать

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8" />
  <title>Минимальная и максимальная дата в JavaScript (ES5)</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 2rem;
      background: #f0f0f0;
      color: #333;
    }
    h1 {
      color: #007acc;
    }
    .date-container {
      background: white;
      padding: 1rem 2rem;
      border-radius: 8px;
      box-shadow: 0 0 8px rgba(0,0,0,0.1);
      max-width: 400px;
    }
    .date-label {
      font-weight: bold;
      margin-top: 1rem;
      display: inline-block;
      width: 140px;
    }
  </style>
</head>
<body>
  <h1>Минимальная и максимальная дата в JavaScript</h1>
  <div class="date-container">
    <div>
      <span class="date-label">Минимальная дата:</span>
      <span id="minDate">Загрузка...</span>
    </div>
    <div>
      <span class="date-label">Максимальная дата:</span>
      <span id="maxDate">Загрузка...</span>
    </div>
  </div>
 
  <script>
 
    function findMinDate() {
      var low = -1e16;
      var high = 0;
      while (high - low > 1) {
        var mid = Math.floor((low + high) / 2);
        var d = new Date(mid);
        if (!isNaN(d.getTime())) {
          high = mid;
        } else {
          low = mid;
        }
      }
      return new Date(high);
    }
 
    function findMaxDate() {
      var low = 0;
      var high = 1e16;
      while (high - low > 1) {
        var mid = Math.floor((low + high) / 2);
        var d = new Date(mid);
        if (!isNaN(d.getTime())) {
          low = mid;
        } else {
          high = mid;
        }
      }
      return new Date(low);
    }
 
    /**
     * Форматирует дату в строку на русском языке с указанием дня, месяца,
     * года и эры (до н.э. или н.э.).
     * Использует UTC методы, чтобы избежать проблем с часовыми поясами.
     * Для годов до н.э. учитывает, что 1 год до н.э. — это 0 в Date.
     * @param {Date} date - объект даты для форматирования
     * @returns {string} отформатированная дата
     */
    function formatDateRu(date) {
      var months = [
        "января", "февраля", "марта", "апреля", "мая", "июня",
        "июля", "августа", "сентября", "октября", "ноября", "декабря"
      ];
 
      var year = date.getUTCFullYear();
      var month = months[date.getUTCMonth()];
      var day = date.getUTCDate();
 
      var era = year <= 0 ? "до н.э." : "н.э.";
      // Для годов до н.э. отображаем 1 - year (т.к. в JS нет 0 года)
      var displayYear = year <= 0 ? (1 - year) : year;
 
      return "<br>" + day + " " + month + " " + displayYear + " г. " + era;
    }
 
    // После загрузки страницы вычисляем и выводим минимальную и максимальную дату
    window.onload = function() {
      var minDate = findMinDate();
      var maxDate = findMaxDate();
 
      document.getElementById('minDate').innerHTML = formatDateRu(minDate);
      document.getElementById('maxDate').innerHTML = formatDateRu(maxDate);
    };
  </script>
</body>
</html>

@ft4l · 06.06.2025, 23:01

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

работает со всеми датами и до н.э. и н.э.

прикольно... с этим пропуском между -9 и 8 ? и другими танцами ?
ru.wikipedia.org/wiki/Високосный_год

Первым високосным годом стал 45 год до н. э.

Цезарь был убит ..... жрецы, отвечавшие за функционирование календаря, не поняли принцип введения добавочного дня каждый четвёртый год, и вместо этого стали вводить добавочный день в феврале каждый третий год (предполагается, что они отсчитывали четвёртый от года, предшествующего високосному). В течение 36 лет после Цезаря високосным был каждый третий год, и лишь затем император Август восстановил правильный порядок следования високосных лет (а также отменил несколько последующих високосных лет, чтобы убрать накопившийся сдвиг). Из сопоставления римских и египетских датировок по оксиринхскому папирусу, опубликованному в 1999 году[7][8], было установлено, что високосными годами в Риме были 42, 39, 36, 33, 30, 27, 24, 21, 18, 15, 12, 9 годы до н. э., 8, 12 годы и в последующем каждый четвёртый год[9].

...
в 1582 году римский папа Григорий XIII провёл реформу календаря
...
Последние годы веков, оканчивающиеся на два нуля, в трёх случаях из четырёх не являются високосными. Так, 1700, 1800 и 1900 годы не являются високосными, так как они кратны 100 и не кратны 400. 1600 и 2000 годы — високосные, так как они кратны 400. 2100, 2200 и 2300 годы — невисокосные.

@бел ка · 06.06.2025, 23:36 **[ТС]**

ft4l, то юлианский календарь, а js работает по григорианскому, и мы живём по григорианскому, учтено и отсутствие нулевого года и высокосный года, учтены все ньюансы, смена типа поля на number, для более удобного ввода года, и куча разных фишек

@voraa · 07.06.2025, 22:18

бел ка,
Ну нельзя же так. Я попытался что то сделать и плюнул.
Пытаюсь редактировать год, начинаю, а он тут же сам уже какой то пишет. Был 2025, ставлю курсор в конец, удаляю 25, а он сам пишет 1920. И как надо вводить год.
Править и это - влом.

@бел ка · 08.06.2025, 13:47 **[ТС]**

voraa, насчёт года, можно просто изменить таймаут срабатывания в инпут, уменьшить, увеличить.

@voraa · 08.06.2025, 14:02

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

изменить таймаут срабатывания в инпут, уменьшить, увеличить.

Это вообще мрак - такой интерфейс. Это не работа, где платят за скорость нажимания клавиш и количество набранного текста.
Я сижу расслаблен в кресле. На коленях у меня кошак, которого я глажу одной рукой. Другой рукой что то делаю. То клавиатура, то мышь. И я еще должен думать, когда там сработает таймер. Т.е. я должен успевать, набрав что то клавишами, перенести руку на мышь, что бы уйти с этого поля. Может там окно еще сделать, что бы показывалось время, сколько у меня осталось, до того, как год самостоятельно на что то поменяется?

@бел ка · 08.06.2025, 15:41 **[ТС]**

voraa, в принципе надо просто убрать функции которые запускают бинарный поиск минимальной и максимальной даты, заменить на переменные

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<title>Отображение дат</title>
</head>
<body>
 
<span id="minData"></span><br>
<span id="maxData"></span>
 
<script>
var months = [ "января", "февраля", "марта", "апреля", "мая", "июня", "июля", "августа", "сентября", "октября", "ноября", "декабря" ];
 
// минимальная дата
var minDate = new Date(-271821, 3, 21, 0, 0, 0, 0); // год -271821, месяц апрель (3), 21 число
var dMin = minDate.getDate();
var mMin = months[minDate.getMonth()];
var yMin = minDate.getFullYear();
var eraMin = yMin < 0 ? " г. до н.э." : " г. н.э.";
var yearMinDisplay = yMin < 0 ? (1 - yMin) : yMin; // для до н.э. отображаем положительное число
 
// максимальная дата
var maxDate = new Date(275760, 8, 13, 0, 0, 0, 0); // год 275760, месяц сентябрь (8), 13 число
var dMax = maxDate.getDate();
var mMax = months[maxDate.getMonth()];
var yMax = maxDate.getFullYear();
var eraMax = yMax < 0 ? " г. до н.э." : " г. н.э.";
var yearMaxDisplay = yMax < 0 ? (1 - yMax) : yMax;
 
// выводим в спаны
document.getElementById("minData").textContent = dMin + mMin + " " + yearMinDisplay + eraMin;
document.getElementById("maxData").textContent = dMax + " " + mMax + " " + yearMaxDisplay + eraMax;
</script>
 
</body>
</html>

результат вывести в соответствующие спаны,

если пользователь ввёл дату меньше минимальной в элементы формы вставить минимальную дату из этого кода, див с ошибкой сделать видимым до тех пор, пока пользователь не начнёт кликать на элементы формы, селекты инпут кнопки, с максимальной датой аналогично.

И обновлять весь див с формой автоматически, при наступлении новых суток, больше ничего не надо трогать.

Добавлено через 7 минут

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

Это вообще мрак - такой интерфейс. Это не работа, где платят за скорость нажимания клавиш и количество набранного текста.
Я сижу расслаблен в кресле. На коленях у меня кошак, которого я глажу одной рукой. Другой рукой что то делаю. То клавиатура, то мышь. И я еще должен думать, когда там сработает таймер. Т.е. я должен успевать, набрав что то клавишами, перенести руку на мышь, что бы уйти с этого поля. Может там окно еще сделать, что бы показывалось время, сколько у меня осталось, до того, как год самостоятельно на что то поменяется?

по большей части эта форма будет в шапке сайта, вместо вывода времени и даты текстом, только с возможностью навигации по датам

Добавлено через 11 минут
инпут у меня работает по принципу,, если поле осталось пустым, дата возвращается к текущей, если пользователь остался в поле и бездействует более 1.2 сек, дата меняется, или если до конца таймаута пользователь кликнул за пределами инпута, на экран телефона или другие селекты кнопки, дата меняется

Добавлено через 4 минуты
если я удалила в инпут вместо 2025, осталось 20, скрипт выдаёт дату 20 г нэ

Добавлено через 58 минут
voraa, кнопка сегодня по умолчанию скрыта, если в элементах формы дата не равна текущей, кнопка становится видимой, при клике на неё дата возвращается к текущей, и кнопка скрывается, Может ты увидел эту кнопку, когда вводил год в инпут, и не понял...

Новые блоги и статьи Все статьи Все блоги /
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.

@бел ка -11 / 6 / 0 Регистрация: 23.02.2023 Сообщений: 431
	28.05.2025, 14:40 [ТС]
	George99, результат не изменился, 29 февраля 2024 плюс год, получается 1 марта 2025, а надо чтобы возвращал последнее число того же месяца, февраля... 0

@бел ка -11 / 6 / 0 Регистрация: 23.02.2023 Сообщений: 431
	28.05.2025, 21:24 [ТС]
	George99, а как инпут с типом дата обрабатывает даты до н.э. 0

@бел ка -11 / 6 / 0 Регистрация: 23.02.2023 Сообщений: 431
	06.06.2025, 19:45 [ТС]
	кто может помочь доработать два ньюанса? 1.) есть функции для вычисления минимальной и максимальной даты, доступных в js, надо чтобы эти даты не вычислялись при каждой загрузке страницы, а хранились в переменных, и обновлялись раз в сутки, если пользователь ввёл дату меньше минимальной, надо вставить минимальную дату в элементы формы, див с ошибкой сделать видимым, и скрывать только когда пользователь начнёт изменять дату в элементах формы, так же если пользователь ввёл дату больше максимальной, надо максимальную дату вставить в элементы формы и вывести ошибку, скрывать только после того как пользователь начал кликать по селектам инпуту кнопкам. 2.) надо определить сколько времени осталось до конца суток, и обновить весь див с формой, при наступлении новых суток 0

@бел ка -11 / 6 / 0 Регистрация: 23.02.2023 Сообщений: 431
	06.06.2025, 22:30 [ТС]
	voraa, в принципе можно сделать раз в неделю, в месяц, в остальном в этом скрипте учтены все фишки, которые я хотела, работает со всеми датами и до н.э. и н.э. 0

@voraa 1292 / 1269 / 189 Регистрация: 21.01.2024 Сообщений: 5,865
	06.06.2025, 22:32
	Ну они же вообще не меняются. Один раз вычислить и вставить в скрипт, как константы. 0

@бел ка -11 / 6 / 0 Регистрация: 23.02.2023 Сообщений: 431
	06.06.2025, 23:36 [ТС]
	ft4l, то юлианский календарь, а js работает по григорианскому, и мы живём по григорианскому, учтено и отсутствие нулевого года и высокосный года, учтены все ньюансы, смена типа поля на number, для более удобного ввода года, и куча разных фишек 1

@voraa 1292 / 1269 / 189 Регистрация: 21.01.2024 Сообщений: 5,865
	07.06.2025, 22:18
	бел ка, Ну нельзя же так. Я попытался что то сделать и плюнул. Пытаюсь редактировать год, начинаю, а он тут же сам уже какой то пишет. Был 2025, ставлю курсор в конец, удаляю 25, а он сам пишет 1920. И как надо вводить год. Править и это - влом. 0

@бел ка -11 / 6 / 0 Регистрация: 23.02.2023 Сообщений: 431
	08.06.2025, 13:47 [ТС]
	voraa, насчёт года, можно просто изменить таймаут срабатывания в инпут, уменьшить, увеличить. 0