Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   помогите доработать календарь (https://javascript.ru/forum/misc/78011-pomogite-dorabotat-kalendar.html)

Блондинка 20.07.2019 00:22

Русский,
твой календарь, но почему-то страница пустая...

Блондинка 20.07.2019 12:16

рони,
возможно ли исправить и доработать твой вариант календаря?
Цитата:

Сообщение от Блондинка (Сообщение 510430)
скрипт из 16 поста?
надо заменить
<input type="month">
на
<button>«</button> 
<select name="month">
<option>январь</option>
<option>февраль</option>
<option>март</option>
<option>апрель</option>
<option>май</option>
<option>июнь</option>
<option>июль</option>
<option>август</option>
<option>сентябрь</option>
<option>октябрь</option>
<option>ноябрь</option>
<option>декабрь</option>
</select>
<button>»
</button>
<button>«
</button>
<input name="year">
<button>»
</button>
и доработать обновление дива по таймеру при наступлении новых суток.


рони 20.07.2019 12:46

Блондинка,
может взять https://jqueryui.com/datepicker/#inline
или
https://xdan.ru/samij-udobnij-datetimepicker.html

Блондинка 20.07.2019 13:37

рони,
главное чтобы было:

выпадающий список для выбора месяца с кнопками вперёд/назад

поле ввода для ввода года с кнопками вперёд/назад

скрытая кнопка сегодня

подсвечено как в 16 посте

и было обновление дива при наступлении 00:00 ч.

остальное на своё усмотрение... (не имеет значения какой именно плагин)

рони 20.07.2019 14:19

Блондинка,
Календарь UI
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/sunny/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <script>
$(function() {

    $.datepicker.regional['ru'] = {
		closeText: 'Закрыть',
		prevText: '&#x3c;Пред',
		nextText: 'След&#x3e;',
		currentText: 'Сегодня',
		monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь', 'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
		monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн', 'Июл','Авг','Сен','Окт','Ноя','Дек'],
		dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
		dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
		dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
		dateFormat: 'dd.mm.yy',
		firstDay: 1,
		isRTL: false,
		showOtherMonths:true,
		selectOtherMonths:true,
		changeMonth:true,
        changeYear: true,
        gotoCurrent : false,
        showButtonPanel:true,
        showAnim:'scale'
};
$.datepicker.setDefaults($.datepicker.regional['ru']);
var datepicker = $( '#datepicker' ).datepicker({
onSelect  : function(text, obj) {
console.log(text, obj)
}
})
var timer;
function refresh()
{
window.clearTimeout(timer);
var time = new Date();
var finish = (new Date()).setHours(24, 0, 0, 0);
finish -= time;
timer = window.setTimeout(function() {
    datepicker.datepicker("refresh");
    refresh()
}, finish)
}
refresh();
 });
  </script>
</head>

<body>
<div id="datepicker"></div>

</body>
</html>

рони 20.07.2019 15:23

Цитата:

Сообщение от Rise
setTimeout только раз

угу но я не уверен, что этим не закончится.
добавил

Блондинка 20.07.2019 15:58

рони,
сорри, видимо на яваскрипт нереально создать календарь, в котором месяц можно выбрать в выпадающем списке а также с помощью кнопок вперед/назад, и год можно вводить с клавы а также с помощью кнопок типа как при использовании input type number но только видимые во всех браузерах(стилизовать поле убрал кнопки из оперы и добавив свои, видимые в всех браузерах)...

Блондинка 20.07.2019 16:11

Цитата:

Сообщение от Русский
А твой браузер JavaScript-то поддерживает вообще, хотя бы ES2015? Если нет, то пора обновляться, скоро он уже половину сайтов в Интернете не будет отображать.

лучше посоветуй как заставить 100% пользователей моего сайта обновить браузеры вместо того чтобы забыть про мой сайт...

рони 20.07.2019 16:13

Цитата:

Сообщение от Блондинка
нереально создать календарь

реально, но практически, кроме вас его создавать некому.

Блондинка 20.07.2019 16:20

рони, в сети десятки если не сотни календарей на яваскрипт, но у каждого свои недостатки...


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