Имеется готовый скрипт, написанный на javascript. Скрипт обычного календаря. Необходимо его доработать.

Пункты доработок:

1. Добавить поле ввода (input type="text"), кнопку (обычный div с иконкой) и надпись (label). При отдельном нажатии на каждый из них должен появляться скрытый блок (div с календарем) с анимацией через стили css на @keyframes (можно обычный scale или transform с использование transition в 0.5s). Выше указанные элементы должны быть responsive.

2. Появление скрытого блока с календарем (div с календарем) не должно смещать ниже размещенные элементы верстки (другие div), а раскрываться поверх все данных блоков.

3. При выборе даты в календаре любого месяца и любого года в элементы, указанные в пункте 1 (input, div и label) должна отобразиться выбранная дата. Соответственно после клика на дате окно с календарем (div с календарем) должно скрыться через стили css на @keyframes (можно обычный scale или transform с использование transition в 0.5s). Также скрываться окно должно при клике за пределами данного окна и вышеуказанных элементов.

4. Данная конструкция скрипта должна работать асинхронно, то есть при добавлении нескольких подобных календарей каждый из них должен работать автономно. При этом стиль css должен быть единым для каждого календаря. То есть если в скрипте будут динамически создаваемые стили определенных элементов, то чтобы не было необходимости для каждого из них прописывать свой стиль дополнительно в файле стилей css.

5. Добавить возможность выбора диапазона дат. Полученный диапазон должен проставляться в указанный выше элементы с разделителем (в качестве разделителя обычный дефис или тире). Выбор должен осуществляться путем клика на первую дату, а потом на следующую дату. При этом можно перелистывать календарь до нужного места. Закрытие окна должно происходить после клика на вторую дату. Соответственно в коде html надо прописать дополнительный класс или идентификатор, по которому скрипт будет определять простой календарь или с выбором диапазона.

6. Вынести из скрипта в отдельный файл массивы месяцев, их абриавиатур и дней недели. В качестве формата файлов для данной цели применять json или ini. Данные из таких файлов должны подгружаться в скрипт в соответствующий массив.

7. При перелистывании годов:

- на последнем месяце (декабрь) добавить автоматическое переключение на другой месяц (январь) следующего года

- на первом месяце (январь) добавить автоматическое переключение на другой меся (декабрь) предыдущего года

8. Разделить логику скрипта таким образом, чтобы выводились месяцы и года:

- в виде всплывающего окна с месяцами при клике на название месяца и скроллинга годов (в настоящее врем реализовано).

- в виде скроллинга месяцев и года (аналогично годам. нажатие стрелки вправо пролистывает на следующий месяц года и соответственно в обратную сторону)

- в виде отдельных окон рядом с основным (отдельное окно с месяцами и отдельное окно с годами, перелистывание в виде вертикального скролла)

P.S.: Стилистика календаря остается на без изменения, над стилями не надо работать. Код должен быть только на Javascript, CSS, HTML. Стили строго в файле css, а не частично в Javascript или html.

P.S.: Работу можно разделить на части.

Детали при личной переписке с кандидатами (ссылки источников, исходник скрипта, демонстрация экрана).

4 года назад
Metrologik
Рустем 
41 год
6 лет в сервисе
Был
4 года назад

Заявки фрилансеров

Алексей
 
42 года
4 года в сервисе
Был
3 года назад
1 отзыв
4 года назад
Максим
 
22 года
4 года в сервисе
Был
4 года назад
4 года назад
Андрей
 
44 года
6 лет в сервисе
Был
5 месяцев назад
31 отзыв
4 года назад
  • Похожие заказы

  • $30

    Необходимо реализовать возможность выбора размера одежды в Virtuemart 3, позволяющую добавлять разные размеры одного товара в корзину. Стандартные настраиваемые поля не подходят. Пример реализации можно увидеть на указанных сайтах.

    Закрыт
    4 года назад
  • Ищется разработчик для создания кода регистрации пользователей на сайте WordPress с использованием AJAX. Требуется реализовать форму регистрации и аналогичную форму для восстановления пароля во всплывающем окне, используя предоставленный код для логина в качестве основы. Необходима работа с jQuery и PHP, а также настройка AJAX-запросов.

    Завершен
    4 года назад
  • Необходимо внести изменения в бизнес-процессы Битрикс24. Работа включает веб-программирование согласно предоставленному техническому заданию. Ожидается проработка всех деталей для успешной реализации задачи.

    Закрыт
    4 года назад
  • Ищется React разработчик для участия в новом веб-проекте. Задача включает разработку интерфейсов и взаимодействие с API. Все детали обсуждаются в личной переписке.

    Закрыт
    4 года назад
  • Необходимо заменить HTML-код на React-компоненты. Ищем фрилансера с опытом веб-программирования и хорошими знаниями React. Ожидается качественная реализация проекта.

    Закрыт
    4 года назад
  • Требуется разработать копию существующего проекта для веб-приложения. Все необходимые детали и требования описаны в предоставленном документе. Ожидается качественное выполнение задачи с учетом всех нюансов проекта.

    Закрыт
    4 года назад
  • Требуется разработать PHP-скрипт бота для ВКонтакте с функционалом рассылки приглашений в друзья и ответов на входящие сообщения. Необходимо учесть использование антикапчи, прокси и мультиавторизации, чтобы избежать блокировок аккаунтов. Укажите свои расценки за выполнение задания.

    Закрыт
    4 года назад
  • Требуется развернуть продакшн-систему на платформе Saleor в облаке с хранением статики. Настроить локализацию для РФ, подключить платежные системы и создать роли для пользователей. Обеспечить работоспособность панели загрузки товаров через API и создать приложение для автоматического управления ценами. Также необходима интеграция с Яндекс.Объявления и Авито для публикации товаров с измененной ценой.

    Закрыт
    4 года назад