Вопросы по API плагина jQuery Datepicker

@Sveta88 · Регистрация: 20.03.2015

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

Здравствуйте!
У меня есть две проблемы с datepicker
1. Установить максимально возможную дату для выбора

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
    
    $("#dateFrom").datepicker({
        autoclose: true,
        todayHighlight: true,
        maxDate: 0
    });
    $("#dateTo").datepicker({
        autoclose: true,
        todayHighlight: true,
        maxDate: 0
    });
</script>

так не работает

2. По ченджу datepicker должны выполняться некие действия. Так вот как мне вызвать событие change?

datepickers:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="row" style="width: 650px; margin-left: auto; margin-right: auto">
    <div class="col-md-4" style="width: 300px; margin-left: auto; margin-right: auto">
        <label for="dateFrom">Date From</label>
        <div class="input-group date" id="dateFrom" data-date="@DateTime.Now.AddDays(-7).ToShortDateString()" data-date-format="mm-dd-yyyy">
            <input class="form-control" id="fromDate" type="text" value="@DateTime.Now.AddDays(-7).ToShortDateString()">
            <span id="bla" class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
    </div>
    <div class="col-md-4" style="width: 300px; margin-left: auto; margin-right: auto">
        <label for="dateTo">Date To</label>
        <div class="input-group date" id="dateTo" data-date="@DateTime.Now.ToShortDateString()" data-date-format="mm-dd-yyyy">
            <input class="form-control" id="toDate" type="text" value="@DateTime.Now.ToShortDateString()">
            <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
    </div>
</div>

@IamRain · 19.11.2015, 17:32

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

1. Установить максимально возможную дату для выбора

https://jqueryui.com/datepicker/#min-max

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

По ченджу datepicker должны выполняться некие действия. Так вот как мне вызвать событие change?

http://api.jqueryui.com/datepicker/#option-onClose
И при вызове метода datepicker, насколько я знаю, надо указывать id именно того инпута в котором будет расположена дата, то есть не dateFrom, а fromDate и для dateTo соответственно.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script>
        $(function() {
            $("#fromDate").datepicker({
                autoclose: true,
                todayHighlight: true,
                minDate:-20,
                maxDate: +20,
                dateFormat: "dd.mm.yy",
                onClose: function(selectedDate) {
                    alert("Начальная дата: " + selectedDate);
                }
            });
            $("#toDate").datepicker({
                autoclose: true,
                todayHighlight: true,
                minDate: -20,
                maxDate: +40,
                dateFormat: "dd.mm.yy",
                onClose: function (selectedDate) {
                    alert("Конечная дата: " + selectedDate);
                }
            });
        });
    </script>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

Вопросы по API плагина jQuery Datepicker

Решение