Ext.ux.DatePickerPlus: MultiMonth, MultiSelection, WeekNumbers, Custom CSS Days,...

**hattia** · 7 Apr 2009 6:09 AM

Great extension :-)

thanks wm003,

i have one question how to simulate shift clic, what i want is to click on one start date and clic then on end date to select the range (like shift behavior, the differnce just is not to deselect the previous selection) , i explore now the function "handleDateClick" ... if you have idea it will be geat, thanks for advance (sorry of my english if it have same mistakes :-)

**wm003** · 9 Apr 2009 12:18 AM

Originally Posted by hattia

...
(like shift behavior, the differnce just is not to deselect the previous selection)...

that's a bit difficult, basically there is a need not to call "this.removeAllPreselectedClasses()".

I'll give it a try for the (still delayed, sorry...) upcoming version.

**hattia** · 9 Apr 2009 1:16 AM

yes i have comment the call of removeAll...() to not deslect previous selected Dates .... there are also the idea to drag to achieve the purpose of range select rather than the use of shift key ... i think it is interssant..

So, Thanks still waiting for upcoming version.
last question, in the nationalHolidays function, can we imagine the case to pass not single date per object but range date (start date and end date) this is the case of school holidays for example

**wm003** · 9 Apr 2009 1:50 AM

Originally Posted by hattia

last question, in the nationalHolidays function, can we imagine the case to pass not single date per object but range date (start date and end date) this is the case of school holidays for example

Good suggestion! It's on my Todo List

**hattia** · 9 Apr 2009 3:07 AM

Originally Posted by wm003

Good suggestion! It's on my Todo List

you have a long Todo List

i have to manage combo witch contain a list of holidays, it will refresh the calendar switch of the selected option (show holidays A, show Holidays B, not show holidays ) i make it like this

Code:

refreshCalendar : function(holidays){		
		this.frHolidaysZoneA = holidays;
		this.update(this.activeDate);
		
	},

whats you think, and many thanks

**stevebla** · 9 Apr 2009 7:45 AM

I cant get datepickerplus to work .. no doubt due to some stupid javascript mistake of mine.
.. (DatePickerPlus looks like a very good widget btw .. exactly fills the bill for my requirement .. congrats to the developer)

I keep getting the following from firebug
"b is undefined".

If I comment out the items block where it refers to the datepickerplus xtype it displays the bare window as expected.

Using ExtJS 2.2
Any help would be much appreciated.
Thanks

Here is the code:

PHP Code:


[CODE]<html>
<head>
<link rel="stylesheet" type="text/css" href="ext-all.css" />
<link rel="stylesheet" type="text/css" href="datepickerplus.css">
 

</head>
<body>
<script type="text/javascript" src="ext-base.js"></script>     
<script type="text/javascript" src="ext-all.js"></script>     
<script type="text/javascript" src="ext-lang-en.js"></script>     
<script type="text/javascript" src="ext.ux.datepickerplus-min.js"></script>     
<script type="text/javascript" src="ext.ux.datepickerplus-lang-en.js"></script>
<script type="text/javascript">
var jslang = "EN";
Ext.QuickTips.init();
Ext.reg('datepickerplus', Ext.ux.DatePickerPlus);  

task_clone_win = new Ext.Window({
            modal: false,
            title:'Task Cloning for date :',
            id:'task_clone_window',
            height:300,
            width: 500,
            minWidth: 300,
            minHeight: 200,
            draggable: true,
            layout: 'fit',
            plain:true,
            x:75,
            y:95,
                    border: false,
                    bodyBorder: false,
            autoDestroy: true,
            closable: true,
            autoScroll: true,
            bodyStyle:'padding:5px;',
            layout: 'column',    // Specifies that the items will now be arranged in columns
            items: 
            [   {
                                         xtype: 'datepickerplus',
                id: 'dp',
                showWeekNumber: false,
                markNationalHolidays: false,
                noOfMonth : 1, 
                multiSelection: true,
                showActiveDate:true,
                
                listeners: {
                    select: function(date){
                        alert(date.getValue());
                       }
                }

                }] 
            
       });

    task_clone_win.show();

</script>

</body>
</html>[/CODE]

**wm003** · 10 Apr 2009 1:49 PM

Why do you register datepickerplus again as a xtype? It does it by itself already. Maybe Ext.reg gets a bit confused?...

anyway, have you tried not to use xtype but "new Ext.ux.DatePickerPlus" ?
Are you using the current version 1.3 of DatePickerPlus?

**apimio** · 13 Apr 2009 1:09 PM

The first thing ..this is an amazing extension .. congratulations....

Now ..my problem maybe is very simple to you ... I Have the follow definition of a Date :

Code:

    
var dtSemanaPlan = new Ext.ux.form.DateFieldPlus({
        id:'IDSEMANA',
         fieldLabel:'SEMANA', 
         format:'W-Y', // <<<<- this is the formato that want to show to the user
         width:200, 
         multiSelectByCTRL:false, 
         maxSelectionDays:1

});

As you see, is a very simple ..the problem is ..

1) When the user select a date it is passed to the field correctly, but when de datefield loose the focus, a new date is assigned (the current date actually) .

I'll very appreciate your help guys!

**wm003** · 14 Apr 2009 5:14 AM

Originally Posted by apimio

When the user select a date it is passed to the field correctly, but when de datefield loose the focus, a new date is assigned (the current date actually) .

Sounds like some event is fired. Please check if you have any kind of eventlisteners later added to the DateField. Maybe studying the code on the Demopage helps.

**apimio** · 14 Apr 2009 5:26 AM

No, is not a event problem. I did create a event "change" but it is to save the Date Year and Week to another hidden field.

Now, looking into the forum and some another threads I' found that maybe the problem is that DateField Component, change the date if the value assigned is not a "valid" date format ...p.e.: 'd-m-Y', 'd/m/Y', etc...

is like validation or something.

My solution (for now) y change the format property to : 'd-m-Y \\Wee\\k W'
this way, the component accept the new date selected by the user and I can show the year week ...but, this is not a "nice to have" example isnt?

Thank's a lot anyway!

Ext.ux.DatePickerPlus: MultiMonth, MultiSelection, WeekNumbers, Custom CSS Days,...

Thread Tools

Search Thread

Display

Problems with datepickerplus

Problems with datepickerplus

format problem ...

format problem ...

Tags for this Thread