Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
0 / 0 / 0
Регистрация: 29.03.2021
Сообщений: 33

Как реализовать календарь

22.07.2021, 11:43. Показов 1644. Ответов 2

Студворк — интернет-сервис помощи студентам
Всем привет, имеется календарь datepicker, в нем выбирается только месяц и год, все работает как надо, но действие происходит после закрытия календаря, то есть, данные из календаря в input отправляются после закрытия того самого календаря нажатием в стороне от него, как сделать так чтобы календарь не закрывался, а после выбора месяца и года он отправлял данные в input? Пример того как сейчас это работает: http://jsfiddle.net/sasha199/jwzq3a0k/
HTML5
1
<input type="text" id="datepicker" class="date-picker" value=""/>
CSS
1
2
3
.ui-datepicker-calendar {
        display: none;
    }
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
25
26
27
28
29
30
31
32
33
34
35
36
var dateToday = new Date(); 
    $.datepicker.regional['ru'] = {
                    closeText: 'Закрыть',
                    prevText: 'Пред',
                    nextText: 'След',
                    currentText: 'Сегодня',
                    monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
                    'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
                    monthNamesShort: ['Январь','Февраль','Март','Апрель','Май','Июнь',
                    'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
                    dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
                    dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
                    dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
                    weekHeader: 'Нед',
                    firstDay: 1,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: ''};
            $.datepicker.setDefaults($.datepicker.regional['ru']);  
  $(function () {
    $("#datepicker").datepicker({
      changeMonth: true,
      changeYear: true,
      inline: true,
      dateFormat: "yy-mm",
      onClose: function (dateText, inst) {
          try {
              var date = new Date(inst.selectedYear, inst.selectedMonth, 1);
              $(this).datepicker("setDate", date);
          }
          catch (err) {
              console.log("onClose: " + err);
          }
      }, 
    });
  })
Хотелось бы чтобы календарь был виден всегда и событие наступало не после закрытия, а выбора.

Добавлено через 4 часа 27 минут
Вопрос решился, возник другой вопрос, как всегда показывать календарь для input, не после нажатия на поле с датой?
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
22.07.2021, 11:43
Ответы с готовыми решениями:

Как правильно реализовать календарь событий?
День добрый. Хочу на своем сайте с движком WordPress реализовать следующее(сайт будет посвящен анонсу всех предстоящих событий в городе):...

Как передать из Access событие в Google Календарь или в Яндекс-календарь ?
Здравствуйте! Помогите пожалуйста. Задача такая, что бы из формы Access с полями &quot;дата&quot;, &quot;время&quot;,...

Реализовать календарь средствами CSS
Здравствуйете Необходимо реализвовать вот такой календарь средствами CSS Как лучше сделать? В Photoshope вырезать каждую кнопочку и...

2
220 / 173 / 115
Регистрация: 19.01.2015
Сообщений: 524
22.07.2021, 20:11
Лучший ответ Сообщение было отмечено Sasha199 как решение

Решение

Цитата Сообщение от Sasha199 Посмотреть сообщение
как всегда показывать календарь для input, не после нажатия на поле с датой?
https://jqueryui.com/datepicker/#inline нужно функцию datepicker для div запускать, а не input ...а input можно и скрытым сделать и вставлять в него значение после выбора даты.
1
0 / 0 / 0
Регистрация: 29.03.2021
Сообщений: 33
23.07.2021, 06:59  [ТС]
Цитата Сообщение от Smls Посмотреть сообщение
https://jqueryui.com/datepicker/#inline нужно функцию datepicker для div запускать, а не input ...а input можно и скрытым сделать и вставлять в него значение после выбора даты.
Спасибо большое, все получилось.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.07.2021, 06:59
Помогаю со студенческими работами здесь

Спроектировать и частично реализовать приложение "Календарь"
Помогите с решением, пожалуйста C#. Спроектировать и частично реализовать приложение &quot;Календарь&quot;. Программа отображает...

Календарь, похожий на Google календарь, в C++ Builder 6
Доброго времени суток. Может кто-то сталкивался с созданием календаря на неделю. Нужно чтоб календарь показывал дни недели и время с...

Реализовать класс "Календарь"
Создать клас - КАЛЕНДАРЬ. В закрытой части определить данные - день, месяц, год. Определить необходимые конструкторы, деструктор и методы....

Реализовать программу "Календарь"
Привет,форумчани Вообщем не могу справится Задание: Разработать и реализовать программу “Календарь”. Сценарии...

Календарь Exchange и календарь IOS
Приветствую! Уже даже и не знаю, как не ругаться. Суть проблемы в следующем. У руководителя настроена почта на IPhone,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru