Задать вопрос
@Maximys781
javascript

Почему 2 календаря блочат друг друга?Где с переменными накосячил?

Первый календарь работал ок, вставил второй начались терки у них между собой. Поменял везде где только переменные. И все равно. Да я возможно ламер в такой ситуации, признаю это.
<link type="text/css" href="style.css" rel="stylesheet">
	<link href="js/calendar/dist/css/datepicker.min.css" rel="stylesheet" type="text/css">
	<link href="js/calendar2/dist/css/datepicker.min2.css" rel="stylesheet" type="text/css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script>
	<script sr="js/calendar2/jquery.min2.js"</script>
	<script src="js/calendar2/highlight.min2.js"></script>
	<script src="js/calendar/dist/js/datepicker.min.js"></script>
	<script src="js/calendar2/dist/js/datepicker.min2.js"></script>
<body>
<main class="massage">
<input type='text' id='timepicker-actions-exmpl' placeholder="Выберите дату и время" />
</main>
<footer class="barber">
<input type='text' id='timepicker1-actions-exmpl' placeholder="Выберите дату и время" />
</barber>


<script>
	// Зададим стартовую дату
	var start = new Date(),
		prevDay,
		startHours = 9;

	// 09:00
	start.setHours(9);
	start.setMinutes(0);

	// Если сегодня суббота или воскресенье - 10:00
	if ([6,0].indexOf(start.getDay()) != -1) {
		start.setHours(10);
		startHours = 10
	}

	$('#timepicker-actions-exmpl').datepicker1({
		timepicker: true,
		startDate: start,
		minHours: startHours,
		maxHours: 18,
		onSelect: function(fd, d, picker) {
			// Ничего не делаем если выделение было снято
			if (!d) return;

			var day = d.getDay();

			// Обновляем состояние календаря только если была изменена дата
			if (prevDay != undefined && prevDay == day) return;
			prevDay = day;

			// Если выбранный день суббота или воскресенье, то устанавливаем
			// часы для выходных, в противном случае восстанавливаем начальные значения
			if (day == 6 || day == 0) {
				picker.update({
					minHours: 10,
					maxHours: 16
				})
			} else {
				picker.update({
					minHours: 9,
					maxHours: 18
				})

						// Инициализация

			}
		}
	})
</script>

<script>
	// Зададим стартовую дату
	var start = new Date(),
		prevDay,
		startHours = 9;

	// 09:00
	start.setHours(9);
	start.setMinutes(0);

	// Если сегодня суббота или воскресенье - 10:00
	if ([6,0].indexOf(start.getDay()) != -1) {
		start.setHours(10);
		startHours = 10
	}

	$('#timepicker1-actions-exmpl').datepicker1({
		timepicker: true,
		startDate: start,
		minHours: startHours,
		maxHours: 18,
		onSelect: function(fd, d, picker) {
			// Ничего не делаем если выделение было снято
			if (!d) return;

			var day = d.getDay();

			// Обновляем состояние календаря только если была изменена дата
			if (prevDay != undefined && prevDay == day) return;
			prevDay = day;

			// Если выбранный день суббота или воскресенье, то устанавливаем
			// часы для выходных, в противном случае восстанавливаем начальные значения
			if (day == 6 || day == 0) {
				picker.update({
					minHours: 10,
					maxHours: 16
				})
			} else {
				picker.update({
					minHours: 9,
					maxHours: 18
				})

						// Инициализация

			}
		}
	})
</script>

<script src="js/calendar/dist/js/datepicker.js"></script>
<script src="js/calendar2/dist/js/datepicker2.js"></script>
  • Вопрос задан
  • 123 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
называть js файлы по разному смысла нет в них функции одинаково называются. А вот id для календарей надо было разные сделать. Скрипт 1 - id разные и все будет работать
Ответ написан
Комментировать
Комментировать
@zolotykh
web-разработчик
  1. первых css и js надо подключать единожды
  2. не изменять код и стили библиотеки
  3. посмотреть документацию как подключать несколько календарей одновременно
Ответ написан
Комментировать
Комментировать
@Maximys781 Автор вопроса
Поставил разные id и все равно ничего не работает.
<script>
  // Зададим стартовую дату
  var start = new Date(),
    prevDay,
    startHours = 9;

  // 09:00
  start.setHours(9);
  start.setMinutes(0);

  // Если сегодня суббота или воскресенье - 10:00
  if ([6,0].indexOf(start.getDay()) != -1) {
    start.setHours(10);
    startHours = 10
  }

  $('#timepicker-actions-exmpl').datepicker({
    timepicker: true,
    startDate: start,
    minHours: startHours,
    maxHours: 18,
    onSelect: function(fd, d, picker) {
      // Ничего не делаем если выделение было снято
      if (!d) return;

      var day = d.getDay();

      // Обновляем состояние календаря только если была изменена дата
      if (prevDay != undefined && prevDay == day) return;
      prevDay = day;

      // Если выбранный день суббота или воскресенье, то устанавливаем
      // часы для выходных, в противном случае восстанавливаем начальные значения
      if (day == 6 || day == 0) {
        picker.update({
          minHours: 10,
          maxHours: 16
        })
      } else {
        picker.update({
          minHours: 9,
          maxHours: 18
        })

            // Инициализация

      }
    }
  })
</script>

<script>
  // Зададим стартовую дату
  var start = new Date(),
    prevDay,
    startHours = 9;

  // 09:00
  start.setHours(9);
  start.setMinutes(0);

  // Если сегодня суббота или воскресенье - 10:00
  if ([6,0].indexOf(start.getDay()) != -1) {
    start.setHours(10);
    startHours = 10
  }

  $('#calendar-barber').datepickerbarber({
    timepickerbarber: true,
    startDatebarber: start,
    minHourses: startHours,
    maxHourses: 18,
    onSelect: function(fd, d, picker) {
      // Ничего не делаем если выделение было снято
      if (!d) return;

      var day = d.getDay();

      // Обновляем состояние календаря только если была изменена дата
      if (prevDay != undefined && prevDay == day) return;
      prevDay = day;

      // Если выбранный день суббота или воскресенье, то устанавливаем
      // часы для выходных, в противном случае восстанавливаем начальные значения
      if (day == 6 || day == 0) {
        picker.update({
          minHourses: 10,
          maxHourses: 16
        })
      } else {
        picker.update({
          minHourses: 9,
          maxHourses: 18
        })

            // Инициализация

      }
    }
  })
</script>
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (back-end / full-stack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Сделать бота
06 мая 2024, в 10:17
15000 руб./за проект
Оцифровать снимки карт и нанести слоями на карту в Qgis
06 мая 2024, в 10:10
15000 руб./за проект
Развернуть DJANGO проект на сервере
06 мая 2024, в 10:02
3000 руб./за проект
Ещё заказы