Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 20.08.2021, 10:45
Аспирант
Отправить личное сообщение для HotReboot Посмотреть профиль Найти все сообщения от HotReboot
 
Регистрация: 06.11.2017
Сообщений: 42

рони, Не. Если у меня уже был определён, а перед refresh поменять на другой.
Ответить с цитированием
  #12 (permalink)  
Старый 20.08.2021, 11:59
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

HotReboot,
по ссылке есть все варианты, во время установки(Initialize), текущее состояние(Getter) и установка нового значения(Setter)!!!Get or set the dateFormat option, after initialization:

Последний раз редактировалось рони, 20.08.2021 в 12:01.
Ответить с цитированием
  #13 (permalink)  
Старый 20.08.2021, 12:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

datepicker выделение диапазона смена формата руссификация
HotReboot,
пример смены формата, кликнуть по любой дате, кликнуть по кнопке, кликнуть снова по дате.
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>jQuery UI Datepicker - Default functionality</title>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.3/themes/sunny/jquery-ui.css" />
    <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/datepicker-ru.js"></script>

    <style type="text/css">
        body {
            font-size: 12px;
        }

        .highlight_days .ui-state-default {
            background: rgba(102, 255, 102, 1)
        }

        .highlight_days:hover .ui-state-default {
            background: rgba(255, 255, 0, 1)
        }

        .test .ui-state-default {
            background: rgba(255, 215, 0, 1)
        }
    </style>
    <script>
        $(function() {
            var events = [
                ["2021-08-01", "2021-08-04"],
                ["2021-08-25", "2021-09-28"]
            ];

            function bigDay(date, arr) {
                return arr.some(function(el) {
                    el = el.map(d => (d = new Date(d), d.setHours(0, 0, 0, 0), d));
                    return +date >= +el[0] && +date <= el[1]
                })
            }

            $.datepicker.setDefaults($.datepicker.regional['ru']);
            $('#datepicker').datepicker({
                dateFormat: "yy.mm.dd",
                beforeShowDay: function(date) {
                    return bigDay(date, events) ? [true, 'highlight_days', null] : [true, '', null];
                },
                onSelect: a => alert(a)
            })

            function newData(arr)
            {  events = arr; //events.push(arr)
               $('#datepicker').datepicker( "option", "dateFormat", "dd MM yy" );
               $('#datepicker').datepicker( "refresh" );
            }

            $('button').click(_ => newData([["2021-08-05", "2021-08-15"]]))

        });
    </script>
</head>

<body>
    <div id="datepicker"></div>
    <button>"2021-08-05", "2021-08-15"</button>
</body>

</html>
Ответить с цитированием
  #14 (permalink)  
Старый 20.08.2021, 23:53
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

HotReboot, <input type="date"> же есть не?
Ответить с цитированием
  #15 (permalink)  
Старый 21.08.2021, 10:27
Аспирант
Отправить личное сообщение для HotReboot Посмотреть профиль Найти все сообщения от HotReboot
 
Регистрация: 06.11.2017
Сообщений: 42

Rise, А как вы там запретите выбор нескольких дат? Например с 2021-08-25 по 2021-08-28, с 2021-09-10 по 2021-09-15.

Последний раз редактировалось HotReboot, 21.08.2021 в 10:36.
Ответить с цитированием
  #16 (permalink)  
Старый 21.08.2021, 12:45
Аспирант
Отправить личное сообщение для HotReboot Посмотреть профиль Найти все сообщения от HotReboot
 
Регистрация: 06.11.2017
Сообщений: 42

рони,

Последний раз редактировалось HotReboot, 21.08.2021 в 12:51.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вывести календарь с временной зоной МСК jurvrn Общие вопросы Javascript 12 06.04.2021 13:22
Не открывается календарь datapicker в ячейках таблицы kupidon Общие вопросы Javascript 13 24.02.2017 20:08
Календарь с подсветкой дат Blacksmouker Элементы интерфейса 2 05.08.2014 09:32
Freelance. Нужен календарь на Javascript для подстановки в <input /> даты и времени. DiYanka Работа 1 14.06.2014 02:03
jQuery UI календарь в далоговом окне ololosh jQuery 1 14.08.2012 17:23