0 / 0 / 0
Регистрация: 29.03.2021
Сообщений: 33

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

22.07.2021, 11:43. Показов 1647. Ответов 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 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
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru