The first calendar worked ok, put in the second the flops started among them.Changed everywhere where only variables.And all the same.Yes, I may be a lamer in such a situation, I admit it.
<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="Choose a date and time"/>
</main>
<footer class="barber">
<input type='text'id='timepicker1-actions-exmpl'placeholder="Choose a date and time"/>
</barber>


<script>
	//Set the starting date
	var start=new Date(),
		prevDay,
		startHours=9;

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

	//If today is Saturday or Sunday - 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) {
			//Do Not Do Anything If The Highlight Was Deleted
			if(! d) return;

			var day=d.getDay();

			//Update the status of the calendar only if the date has been changed
			if(prevDay!=undefined&&prevDay == day) return;
			prevDay=day;

			//If the selected day is Saturday or Sunday, then install
			//clock for the weekend, otherwise restore the initial values
			if(day == 6 || day == 0) {
				picker.update({
					minHours: 10,
					maxHours: 16
				})
			} else {
				picker.update({
					minHours: 9,
					maxHours: 18
				})

						//Initialization

			}
		}
	})
</script>
<script>
	//Set the starting date
	var start=new Date(),
		prevDay,
		startHours=9;

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

	//If today is Saturday or Sunday - 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) {
			//Do Not Do Anything If The Highlight Was Deleted
			if(! d) return;

			var day=d.getDay();

			//Update the status of the calendar only if the date has been changed
			if(prevDay!=undefined&&prevDay == day) return;
			prevDay=day;

			//If the selected day is Saturday or Sunday, then install
			//clock for the weekend, otherwise restore the initial values
			if(day == 6 || day == 0) {
				picker.update({
					minHours: 10,
					maxHours: 16
				})
			} else {
				picker.update({
					minHours: 9,
					maxHours: 18
				})

						//Initialization

			}
		}
	})
</script>
<script>
	//Set the starting date
	var start=new Date(),
		prevDay,
		startHours=9;

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

	//If today is Saturday or Sunday - 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) {
			//Do Not Do Anything If The Highlight Was Deleted
			if(! d) return;

			var day=d.getDay();

			//Update the status of the calendar only if the date has been changed
			if(prevDay!=undefined&&prevDay == day) return;
			prevDay=day;

			//If the selected day is Saturday or Sunday, then install
			//clock for the weekend, otherwise restore toinitial values
			if(day == 6 || day == 0) {
				picker.update({
					minHours: 10,
					maxHours: 16
				})
			} else {
				picker.update({
					minHours: 9,
					maxHours: 18
				})

						//Initialization

			}
		}
	})
</script>
<script>
	//Set the starting date
	var start=new Date(),
		prevDay,
		startHours=9;

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

	//If today is Saturday or Sunday - 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) {
			//Do Not Do Anything If The Highlight Was Deleted
			if(! d) return;

			var day=d.getDay();

			//Update the status of the calendar only if the date has been changed
			if(prevDay!=undefined&&prevDay == day) return;
			prevDay=day;

			//If the selected day is Saturday or Sunday, then install
			//clock for the weekend, otherwise restore the initial values
			if(day == 6 || day == 0) {
				picker.update({
					minHours: 10,
					maxHours: 16
				})
			} else {
				picker.update({
					minHours: 9,
					maxHours: 18
				})

						//Initialization

			}
		}
	})
</script>

<script>
	//Set the starting date
	var start=new Date(),
		prevDay,
		startHours=9;

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

	//If today is Saturday or Sunday - 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) {
			//Do Not Do Anything If The Highlight Was Deleted
			if(! d) return;

			var day=d.getDay();

			//Update the status of the calendar only if the date has been changed
			if(prevDay!=undefined&&prevDay == day) return;
			prevDay=day;

			//If the selected day is Saturday or Sunday, then install
			//clock for the weekend, otherwise restore the initial values
			if(day == 6 || day == 0) {
				picker.update({
					minHours: 10,
					maxHours: 16
				})
			} else {
				picker.update({
					minHours: 9,
					maxHours: 18
				})

						//Initialization

			}
		}
	})
</script>

<script src="js/calendar/dist/js/datepicker.js"></script>
<script src="js/calendar2/dist/js/datepicker2.js"></script>
  • So initialize the datapicker yourself. There is also an example
    And html email there input type='text', not a div
    – All-American93 Aug 7 '16 at 12:27
  • "did as needed" - apparently everything is just not as needed – Explosive78 Aug 7 '16 at 12:46
  • All-American93: $('# timepicker-actions-exmpl'). Datepicker ({
    timepicker: true,
    startDate: start,
    minHours: startHours,
    maxHours: 18,
    onSelect: function (fd, d, picker) {
    //Do nothing if the selection was canceled
    if (! d) return;

    var day=d.getDay();

    //Update the status of the calendar only if the date has been changed
    if (prevDay!=undefined &&prevDay == day) return;
    prevDay=day;

    //If the selected day is Saturday or Sunday, then set the ////clock for the weekend, otherwise restore the initial values ​​
    if (day == 6 || day == 0) {
    picker.update ({
    minHours: 10,
    maxHours: 16
    })
    } else {

    picker.update ({
    minHours: 9,
    maxHours: 18
    })
    I insert and does not work anyway.
    – Bad29 Aug 7 '16 at 12:47
  • Explosive78: well, it is logical that there is a cant behind me somewhere. Good people said that the problem in initialization did. Still does not work. – Bad29 Aug 7 '16 at 12:49
  • Bad29: Is there an error in the console? – Explosive78 Aug 7 '16 at 12:50
  • Explosive78: jQuery is not defined and $is not defined – Bad29 Aug 7 '16 at 12:56
  • Bad29:
    On the site they are silent about jQuery, and on github.com this is what they write
    Lightweight customizable cross-browser jQuery datepicker.
    Connect jQuery before it. In theory, there is all the red console should be
    – All-American93 Aug 7 '16 at 12:57
  • Bad29: Well, that means jQuery is not connected – Explosive78 Aug 7 '16 at 12:58
  • All-American93: Everything works, well, game. Why is it so difficult to specify the library do not understand. So that there were no such problems. – Bad29 Aug 7 '16 at 13:15
  • Bad29: You see, they assume on the site that they will put it as they recommend, through bower. And that will tighten the dependencies. Although, on the jQuery gita, the same between the lines is necessary to read.
    They have not thought through this question, in one word
    – All-American93 Aug 7 '16 at 13:40

1 Answers 1

The link says easy cross-browser jQuery calendar
You do not see in the code that you connect Jquery