Comments on: New jQuery Widget: flexcal

By: Danny

Danny — Fri, 28 Oct 2011 18:34:01 +0000

@Chanan:
See the section on “date formatting” in the post. You can subclass the widget to use the jQuery UI datepicker formatting code, or just override the format method to return d.getDay()+’/'+d.getMonth()+’/'+d.getFullYear()
–Danny

By: Chanan

Chanan — Fri, 28 Oct 2011 09:26:38 +0000

@Danny:

One more question, Is there any easy way to format date format (‘d/m/y’ instead of ‘m/d/y’ for exampe)?

10x

By: Danny

Danny — Fri, 28 Oct 2011 09:06:51 +0000

@Chanan:
Arrgh! That’s what I get for not testing thoroughly. It should work now. Please let me know.
Danny

By: Chanan

Chanan — Fri, 28 Oct 2011 08:11:08 +0000

@Danny:

Thanks for adding this new current property to the options.
I just tried using it but it does’nt really work for me. I might miss some thing, but I’ve looked into the code and it looks as the _setOption function is never called, so also if I set current hardcoded in the default options it does’nt work.

By: Danny

Danny — Wed, 26 Oct 2011 19:38:13 +0000

@Chanan: The big change for version 2.0 (which you inspired) is the addition of the 'current' option, so now

$('input.date').flexcal({current:  '10/1/2011'});

works. However, the value of the input element overrides that, so you can change the option after the fact to force it:

$('input.date').flexcal().flexcal('option','current','10/1/2011');

. setDate no longer works. --Danny

By: Danny

Danny — Mon, 24 Oct 2011 03:40:51 +0000

@Chanan: First, make sure you have the most recent version (1.3); the previous version had a bug that I only found when I was trying to answer your comment (thanks!). To set the starting date, either set the value of the input before creating the calendar:

$('input.date').val('10/1/2001').flexcal();

or use the setDate function after the calendar is created:

$('input.date').flexcal().flexcal('setDate','10/1/2011');

As I write this, I realize that setDate and the rest of the public API isn't documented; I'll try to get to that as soon as possible. For allowing a range of dates, it was possible in the previous version but kind of complicated, so I created a new option, filter, that can be set to a function that takes a Date and returns true to enable that date and false to disable it:

$('input.date').flexcal({
	filter: function(d) {return d >= startDate && d <= endDate}
});

Hope this helps, Danny

By: Chanan

Chanan — Sat, 22 Oct 2011 16:08:23 +0000

Hi Danny,

I found this a great datepicker, but I looking for a way to set the starting date (the jquery UI datepicker has a `current` property in its settings), or even allow only a range of dates. can you point me out how can this be done?

10x
chanan

By: chanan

chanan — Fri, 21 Oct 2011 08:06:59 +0000

Hi,
I found this plugin very useful, but I could’nt find out how to set the starting date (in the jquery UI there is a `current` option)
Can you give a hint how can I modify this?
10x

By: Danny

Danny — Fri, 01 Jul 2011 12:04:36 +0000

@Ronny:
That looks right. Can you put up a page with your code and I’ll try to take a look at it?
–Danny

By: ronny

ronny — Tue, 28 Jun 2011 11:48:27 +0000

still at lost , this is my super-basic code :





  
  
  
  
   
   
  
  $(document).ready(function() {
	$('#date1').datepicker();
	$('#date2').flexcal();
  });
  


Using datepicker: 

Using flexcal: