https://www.cetaphilfriends.com.sg/wp-content/themes/cetaphil/assets/js/datepicker.settings.js?ver=1.1

1startDate = function(offset) {
2	var d = new Date();
3	d.setFullYear(d.getFullYear() - offset);
4	return d.getDate()+"/"+(d.getMonth()+1)+"/"+d.getFullYear();
5  };
6  
7  endDate = function(offset) {
8	var d = new Date();
9	d.setFullYear(d.getFullYear() - offset);
10	return d.getDate()+"/"+(d.getMonth()+1)+"/"+d.getFullYear();
11  };
12  
13  checkDate = function(date, min_offset, max_offset){
14  
15	  var min_date = new Date();
16	   min_date.setFullYear(min_date.getFullYear() - min_offset);
17	   var dd = min_date.getDate();
18	  var mm = min_date.getMonth()+1; 
19	  var yyyy = min_date.getFullYear();
20	  if(dd<10) 
21	  {
22		  dd='0'+dd;
23	  } 
24	  if(mm<10) 
25	  {
26		  mm='0'+mm;
27	  } 
28	  if(yyyy<10){
29		  yyyy="000"+yyyy;
30	  }else if(yyyy<100){
31		  yyyy="00"+yyyy;
32	  }else if(yyyy<1000){
33		  yyyy="0"+yyyy;
34	  }
35	   min_date = yyyy+"/"+mm+"/"+dd;
36	   min_date_print = dd+"/"+mm+"/"+yyyy;
37  
38	   var max_date = new Date();
39	   max_date.setFullYear(max_date.getFullYear() - max_offset);
40	   dd = max_date.getDate();
41	  mm = max_date.getMonth()+1; 
42	  yyyy = max_date.getFullYear();
43	  if(dd<10) 
44	  {
45		  dd='0'+dd;
46	  } 
47	  if(mm<10) 
48	  {
49		  mm='0'+mm;
50	  } 
51	  if(yyyy<10){
52		  yyyy="000"+yyyy;
53	  }else if(yyyy<100){
54		  yyyy="00"+yyyy;
55	  }else if(yyyy<1000){
56		  yyyy="0"+yyyy;
57	  }
58	   max_date = yyyy+"/"+mm+"/"+dd;
59	   max_date_print = dd+"/"+mm+"/"+yyyy;
60  
61	   var date_arr = date.split("/");
62	   date = date_arr[2]+"/"+date_arr[1]+"/"+date_arr[0];
63  
64	   // alert(date+"\n"+min_date+"\n"+max_date);
65	   if ((date < min_date) || (date > max_date)){
66		   // alert("cannot");
67		   var msg = "Please enter date between "+min_date_print+" and "+max_date_print+".";
68		   return msg;
69	   }else{
70		   // alert("can");
71		   return;
72	   }
73  
74  }
75  // alert(startDate());
76  $('[data-toggle="datepicker"]').datepicker({
77	  autoHide: true,
78	  format:'dd/mm/yyyy',
79	  date: endDate(20),
80	  startDate: startDate(100),
81	  endDate: endDate(15),
82	  template: 
83		'<div class="datepicker-container" style="width:27vw;">' 
84	  + 	'<div class="datepicker-panel" data-view="years picker">' 
85	  + 		'<ul>' 
86	  + 			'<li data-view="years prev" style="width:9%;">&lsaquo;</li>' 
87	  + 			'<li data-view="years current" style="width:80%;"></li>' 
88	  + 			'<li data-view="years next" style="width:9%;">&rsaquo;</li>' 
89	  + 		'</ul>' 
90	  + 		'<ul data-view="years"></ul>'
91	  + 	'</div>' 
92	  + 	'<div class="datepicker-panel" data-view="months picker">' 
93	  + 		'<ul>' 
94	  + 			'<li data-view="year prev" style="width:9%;">&lsaquo;</li>' 
95	  + 			'<li data-view="year current" style="width:80%;"></li>' 
96	  + 			'<li data-view="year next" style="width:9%;">&rsaquo;</li>' 
97	  + 		'</ul>' 
98	  + 		'<ul data-view="months"></ul>' 
99	  + 	'</div>' 
100	  + 	'<div class="datepicker-panel" data-view="days picker">' 
101	  + 		'<ul>' 
102	  + 			'<li data-view="month prev" style="width:9%;">&lsaquo;</li>' 
103	  + 			'<li data-view="month current" style="width:80%;"></li>' 
104	  + 			'<li data-view="month next" style="width:9%;">&rsaquo;</li>' 
105	  + 		'</ul>' 
106	  + 		'<ul data-view="week"></ul>' 
107	  + 		'<ul data-view="days"></ul>' 
108	  + 	'</div>' 
109	  + '</div>',
110  });
111  
112  $('[data-toggle="datepicker2"]').datepicker({
113	  autoHide: true,
114	  format:'dd/mm/yyyy',
115	  date:'today',
116	  startDate: startDate(6),
117	  endDate: endDate(-1),
118	  template: 
119		'<div class="datepicker-container" style="width:27vw;">' 
120	  + 	'<div class="datepicker-panel" data-view="years picker">' 
121	  + 		'<ul>' 
122	  + 			'<li data-view="years prev" style="width:9%;">&lsaquo;</li>' 
123	  + 			'<li data-view="years current" style="width:80%;"></li>' 
124	  + 			'<li data-view="years next" style="width:9%;">&rsaquo;</li>' 
125	  + 		'</ul>' 
126	  + 		'<ul data-view="years"></ul>'
127	  + 	'</div>' 
128	  + 	'<div class="datepicker-panel" data-view="months picker">' 
129	  + 		'<ul>' 
130	  + 			'<li data-view="year prev" style="width:9%;">&lsaquo;</li>' 
131	  + 			'<li data-view="year current" style="width:80%;"></li>' 
132	  + 			'<li data-view="year next" style="width:9%;">&rsaquo;</li>' 
133	  + 		'</ul>' 
134	  + 		'<ul data-view="months"></ul>' 
135	  + 	'</div>' 
136	  + 	'<div class="datepicker-panel" data-view="days picker">' 
137	  + 		'<ul>' 
138	  + 			'<li data-view="month prev" style="width:9%;">&lsaquo;</li>' 
139	  + 			'<li data-view="month current" style="width:80%;"></li>' 
140	  + 			'<li data-view="month next" style="width:9%;">&rsaquo;</li>' 
141	  + 		'</ul>' 
142	  + 		'<ul data-view="week"></ul>' 
143	  + 		'<ul data-view="days"></ul>' 
144	  + 	'</div>' 
145	  + '</div>',
146  });
147