PDA

View Full Version : [3.x] Ext.ux.DateRangePicker Extension



McCornic
17 Jul 2009, 6:18 AM
I create a date range picker to have the possibility to select a range date into one field.

For more information go to the Date Range Picker web site :
http://sites.google.com/site/daterangepicker



Screenshots (http://sites.google.com/site/daterangepicker/screenshots)
Contact (http://sites.google.com/site/daterangepicker/contact)
Download (http://sites.google.com/site/daterangepicker/download-1)
Example (http://sites.google.com/site/daterangepicker/example)
Installation (http://sites.google.com/site/daterangepicker/installation)
License (http://sites.google.com/site/daterangepicker/license)

Don't hesitate to ask me if you meet few bugs...

moegal
17 Jul 2009, 6:57 AM
I am trying this with 2.2 and I get an error of:

this.menu.rangePicker has no properties

I take it this will only work in version 3+

Looks great but I am still using 2.2 at least for a while.

Marty

Lukman
18 Jul 2009, 2:54 AM
I'm seeing [2009/07/15 - 2999/12/31] in the 1st screenshot and [1970/01/01 - 2009/07/15] in the 3rd one. Are these extreme dates intentional?

McCornic
20 Jul 2009, 1:19 AM
I'm seeing [2009/07/15 - 2999/12/31] in the 1st screenshot and [1970/01/01 - 2009/07/15] in the 3rd one. Are these extreme dates intentional?

Yes, but you can change it, like you can see into the example file:
http://sites.google.com/site/daterangepicker/example


{
xtype:'daterangefield',
fieldLabel:'Date Range',
width:200,
minValue : new Date(0),
maxValue : new Date(2999,11,31)
}

McCornic
20 Jul 2009, 1:46 AM
I am trying this with 2.2 and I get an error of:

this.menu.rangePicker has no properties

I take it this will only work in version 3+

Looks great but I am still using 2.2 at least for a while.

Marty

I confirm. My plugin works only on Extjs 3.x.
Because there are few modifications between the Extjs version 2.2.1 and 3.0. Like the Ext.menu.DateItem demise.

moegal
20 Jul 2009, 4:07 AM
McCornic,

Thanks.

Marty

McCornic
23 Sep 2009, 3:31 AM
Hi,

It's a great pleasure for me to annonce that the version 1.0.1 is available now.

Regards

simon1118
23 Sep 2009, 4:54 PM
Thanks for your work, it's very useful for me.

McCornic
24 Sep 2009, 4:13 AM
Thanks for your work, it's very useful for me.

You're welcome! And thank you for your support.

Simon1118 if you're using my extension in a public web site, could you let us know the url
to have a live demo?

The version 1.0.2 is available now.

Changelog:
- addition of the option 'autorizeEqualValues'
- addition of the option 'mergeEqualValues'
- addition of the option 'autoreverse'
- bug fix: Set the pickers values with the field value

nassaja-rus
5 Dec 2009, 3:08 PM
Thank you for plugin!

PTG
27 Dec 2009, 4:44 AM
This doesn't seem to work in 3.1 anymore.

McCornic
26 Jan 2010, 2:38 AM
This doesn't seem to work in 3.1 anymore.

ok, thank. I'll have a look.

andrejdo
20 Feb 2010, 2:40 AM
Change layout to column and corect width and height(test in Ext JS Library 3.1.0)


Ext.ux.DateRangePicker = Ext.extend(Ext.Panel, {
//layout: 'hbox',
layout: 'column',
layoutConfig: {
defaultMargins : {left:5,top:5,right:0,bottom:5}
},
height:218,
width:354,

Ankai
23 Feb 2010, 9:09 PM
Change layout to column and corect width and height(test in Ext JS Library 3.1.0)


Ext.ux.DateRangePicker = Ext.extend(Ext.Panel, {
//layout: 'hbox',
layout: 'column',
layoutConfig: {
defaultMargins : {left:5,top:5,right:0,bottom:5}
},
height:218,
width:354,

Thanks, now it works

heep
22 May 2010, 8:35 AM
pluging doesn't work with ext 3.1.2

Firebug shoes error on line 38477 ext-all-debug.js
var time = value.getTime();


value is array of endDate, startDate
and has no method getTime...
if i change this line to
// var time = value.getTime();
var time = 0;
try { time= value.getTime();}
catch (e){
console.info(value);
}

no other errors


can you please help with clean solution?


Thank you for your pluging!

pythoner
16 Jun 2010, 4:42 AM
A quick fix is to find "validateValue" method in daterangefield-1.0.2.js, and change it like this:




validateValue : function(value){
value = this.formatDate(value);
// if(!Ext.form.DateField.superclass.validateValue.call(this, value)){
// return false;
// }
if(value.length < 1){ // if it's blank and textfield didn't flag it then it's valid
return true;
}


(comment out the 3 lines above)

McCornic
2 Jul 2010, 1:10 AM
The version 1.0.3 is available now.

Changelog:
- addition of the option 'minDefaultValue'
- addition of the option 'maxDefaultValue'
- addition of the date format 'f' to replace the 'Y'
- addition of the option endDatePrefix'
- addition of the option 'startDatePrefix'
- addition of the option 'usePrefix'
- addition of the french translation

Download (https://sites.google.com/site/daterangepicker/download-1)

atian25
4 Jul 2010, 5:50 PM
since the china gfw f*ck the google sites, can u plz make a copy of the source & screenshot in this thread or googlecode?

McCornic
23 Aug 2010, 6:16 AM
The version 1.0.4 is available now.

Changelog:
- bug fix: Removal of all the fixed size setting
- test ok on IE7, IE8 and FF3.6.8

Download (https://sites.google.com/site/daterangepicker/download-1)

tdikarim
20 May 2011, 2:40 AM
Hi McCornic,

Thanks for your extension. It save me a lot of time.
I have just one strange visual effect about the space between datepicker

I have no found the issue. I have just reduce the heigth of the spacer but I loose the spacer effect
{
xtype:'spacer',
width:5,
height:0,
html:'&nbsp;' // For FF and IE8
},


26169

If you have an idea, thanks for your help

McCornic
20 May 2011, 4:12 AM
Hi McCornic,

Thanks for your extension. It save me a lot of time.
I have just one strange visual effect about the space between datepicker

I have no found the issue. I have just reduce the heigth of the spacer but I loose the spacer effect
{
xtype:'spacer',
width:5,
height:0,
html:'&nbsp;' // For FF and IE8
},


26169

If you have an idea, thanks for your help

Hi Karim,

I need more information to reproduce the bug:
-your extjs version.
-your browser and browser version.
-your page code

Could you try to run the exemple provided and check if it's working?
https://sites.google.com/site/daterangepicker/example

thank.

tdikarim
31 May 2011, 11:00 PM
Hi McCornic,

I am sorry for the late.
I was going for a training and I don't have acces to my labs while this time.

Here more information
Ext : 3.3.1
QwikiOffice : 1.0
Browser : Mozilla 3.6.17
PageCode : utf-8

Thanks for your help

neofraktal
6 Sep 2011, 12:28 AM
Could you add this locale files (es, en)?

McCornic
14 Sep 2011, 12:25 AM
Could you add this locale files (es, en)?

Yes ! Thank you for your participation!

The version 1.0.5 is available now.

Changelog:
- addition of the spanish locale (es) (Thank to Alberto López)
- addition of the english locale (en) (Thank to Alberto López)

Download (https://sites.google.com/site/daterangepicker/download-1)