Forums

First of all I think this is a great module.

I have two questions:

1. When I use the selected option and the selected date is not in the current month than the calendar starts still in the current year/month. Is it possible to start the calendar in the selected date.

example from the example script:

//Popup calendar, click on the vacant space to close the calendar
new Y.Calendar('J_popup_closeable',{
selected:showdate(-20,new Date()),
popup:true,
closeable:true
}).on('select',function(d){
alert(d);
});

2. Is it possible to pre-format the returned date time function:
instead of using this:
new Y.Calendar('btn_calendar',{
selected:showdate(-20,new Date()),
closeable:true,
popup:true
}).on('select',function(d) {
alert(Y.DataType.Date.format(d, {format:"%Y-%m-%d %T"}));
});

new Y.Calendar('btn_start_datum',{
selected:new Date(Y.one('#start_datum').get('value')),
format:'%Y-%m-%d %T',
closeable:true,
popup:true
}).on('select',function(d) {
alert(d);
});


The second question is a nice to have.

Unfortunately this doesn't solve it.

Perhaps something wrong in my code:

http://www.digirent.nl/psmyui/vb/cal1.html

Any clues?

I figured the following out instead of using "selected" I had to use "date"


new Y.Calendar('J_popup_closeable',{
date:showdate(-20,new Date()),
popup:true,
closeable:true
}).on('select',function(d)

This renderes the calendar properly only when using the time fields these are not adjusted,

Thanks for thinking with me. With the extra fire event in the gallery-calendar.js and the following with the selected instead of the date is working correctly:

var c = new Y.Calendar('btn_start_datum',{
selected:new Date(Y.one('#start_datum').get('value')),
closeable:true,
popup:true
});

c.on('show', function() {
c.render({selected:new Date(Y.one('#start_datum').get('value'))})
});

c.on('select',function(d) {
Y.one('#start_datum').set('value',Y.DataType.Date.format(d, {format:"%Y-%m-%d"}));
});

see also http://www.digirent.nl/psmyui/vb/cal1.html