JavaScript Calendar Popup

Hi,

I am using the CalendarPopup.js available at http://www.mattkruse.com/javascript/calendarpopup/ in order to provide a popup calendar in a form.  Everything is working well but I can't seem to work out how to disable dates 1 week ahead of the current date.  

I have currently managed to get it to allow selection of the days in the week I want and also I have disabled every date before the current date.  But now I am looking to get it to disable selection of any of the selectable days 1 week ahead of the current date.

I hope this makes sense, and thank you in advance for any assistance.
var now  = new Date();
var cal1 = new CalendarPopup("caldiv");
cal1.showNavigationDropdowns();
cal1.setCssPrefix("TEST");
cal1.setDisabledWeekDays(0,2,3,4,5,6);
cal1.addDisabledDates(null,formatDate(now,"yyyy-MM-dd"));
cal1.addDisabledDates("01/01/2007");

Open in new window

LVL 5
john_hollingsAsked:
Who is Participating?
 
Gibu GeorgeConnect With a Mentor Chief Technology OfficerCommented:
cal1.addDisabledDates(null,formatDate(now.getDate()-1,"yyyy-MM-dd"));
cal1.addDisabledDates(formatDate(now.getDate()+8,"yyyy-MM-dd"),null);

0
 
Gibu GeorgeChief Technology OfficerCommented:
cal1.addDisabledDates(formatDate(now.getDate()-1,"yyyy-MM-dd"));
cal1.addDisabledDates(null,formatDate(now.getDate()+8,"yyyy-MM-dd"));
0
 
john_hollingsAuthor Commented:
Hi I did try something similar to this, however I used the code you supplied and I got the same result, it just allows me to select previous dates which I am also need disabled.
<script language="JavaScript">
	var now  = new Date();
	var cal1 = new CalendarPopup("caldiv");
	cal1.showNavigationDropdowns();
	cal1.setCssPrefix("TEST");
	cal1.setDisabledWeekDays(0,2,3,4,5,6);
	cal1.addDisabledDates(formatDate(now.getDate()-1,"yyyy-MM-dd"));
	cal1.addDisabledDates(null,formatDate(now.getDate()+8,"yyyy-MM-dd"));
	cal1.addDisabledDates("01/01/2007");
</script>

Open in new window

0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
Gibu GeorgeChief Technology OfficerCommented:
This is the correct one. I got it wrong the first time
0
 
john_hollingsAuthor Commented:
OK thanks for the updated code.  Forgot to bring the laptop home for the weekend so will get back to you on Monday and let you know how I get on.
0
 
john_hollingsAuthor Commented:
Hi,

Still hasn't disabled the week ahead of today's date.  I attached the code I used.
	var now  = new Date();
	var cal1 = new CalendarPopup("caldiv");
	cal1.showNavigationDropdowns();
	cal1.setCssPrefix("TEST");
	cal1.setDisabledWeekDays(0,2,3,4,5,6);
	cal1.addDisabledDates("01/01/2007");
	cal1.addDisabledDates(null,formatDate(now.getDate()-1,"yyyy-MM-dd"));
	cal1.addDisabledDates(formatDate(now.getDate()+8,"yyyy-MM-dd"),null);

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.