@Maximys781

Почему 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').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
	}

	$('#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>
	// Зададим стартовую дату
	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>
	// Зададим стартовую дату
	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>
	// Зададим стартовую дату
	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>
  • Вопрос задан
  • 166 просмотров
Решения вопроса 1
@Shaidulint
По ссылке сказано легкий кроссбраузерный jQuery календарь
У вас в коде не видно, что вы подключаете Jquery
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы