|  |  |  | @ -3,7 +3,7 @@@@ -3,7 +3,7 @@ | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | {% block head %} | 
			
		
	
		
			
				
					|  |  |  |  |   {{ super() }} | 
			
		
	
		
			
				
					|  |  |  |  |   <link type="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"> | 
			
		
	
		
			
				
					|  |  |  |  |   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"> | 
			
		
	
		
			
				
					|  |  |  |  | {% endblock %} | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | {% block app_content %} | 
			
		
	
	
		
			
				
					|  |  |  | @ -15,13 +15,33 @@@@ -15,13 +15,33 @@ | 
			
		
	
		
			
				
					|  |  |  |  |     </div> | 
			
		
	
		
			
				
					|  |  |  |  | {% endblock %} | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | TODO: | 
			
		
	
		
			
				
					|  |  |  |  | - maak time picker 24 uur based | 
			
		
	
		
			
				
					|  |  |  |  | https://eonasdan.github.io/bootstrap-datetimepicker/Options/#locale+ | 
			
		
	
		
			
				
					|  |  |  |  | - optie voor nu | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | {% block scripts %} | 
			
		
	
		
			
				
					|  |  |  |  |   {{ super() }} | 
			
		
	
		
			
				
					|  |  |  |  |   {{ super() }}  | 
			
		
	
		
			
				
					|  |  |  |  |   <!-- TODO: Scripts downloaden naar repo? --> | 
			
		
	
		
			
				
					|  |  |  |  |   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> | 
			
		
	
		
			
				
					|  |  |  |  |   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment-with-locales.min.js"></script> | 
			
		
	
		
			
				
					|  |  |  |  |   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> | 
			
		
	
		
			
				
					|  |  |  |  |   <script type="text/javascript"> | 
			
		
	
		
			
				
					|  |  |  |  |     $(function () { | 
			
		
	
		
			
				
					|  |  |  |  |       $('#datepick').datetimepicker(); | 
			
		
	
		
			
				
					|  |  |  |  |       $('#datetimepicker1').datetimepicker({ | 
			
		
	
		
			
				
					|  |  |  |  |         useCurrent: false, //Important! See issue #1075 | 
			
		
	
		
			
				
					|  |  |  |  |         locale: 'en-gb' | 
			
		
	
		
			
				
					|  |  |  |  |       }); | 
			
		
	
		
			
				
					|  |  |  |  |       $('#datetimepicker2').datetimepicker({ | 
			
		
	
		
			
				
					|  |  |  |  |         useCurrent: false, //Important! See issue #1075 | 
			
		
	
		
			
				
					|  |  |  |  |         locale: 'en-gb' | 
			
		
	
		
			
				
					|  |  |  |  |       }); | 
			
		
	
		
			
				
					|  |  |  |  |       $("#datetimepicker1").on("dp.change", function (e) { | 
			
		
	
		
			
				
					|  |  |  |  |         $('#datetimepicker2').data("DateTimePicker").minDate(e.date); | 
			
		
	
		
			
				
					|  |  |  |  |       }); | 
			
		
	
		
			
				
					|  |  |  |  |       $("#datetimepicker2").on("dp.change", function (e) { | 
			
		
	
		
			
				
					|  |  |  |  |         $('#datetimepicker1').data("DateTimePicker").maxDate(e.date); | 
			
		
	
		
			
				
					|  |  |  |  |       }); | 
			
		
	
		
			
				
					|  |  |  |  |     }); | 
			
		
	
		
			
				
					|  |  |  |  |   </script> | 
			
		
	
		
			
				
					|  |  |  |  | {% endblock %} |