[3.x] Ext.ux.DateRangePicker Extension

[McCornic]

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]

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]

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]

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]

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]

McCornic,

Thanks.

Marty

[McCornic]

Hi,

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

Regards

[simon1118]

Thanks for your work, it's very useful for me.

[McCornic]

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]

Thank you for plugin!

[PTG]

This doesn't seem to work in 3.1 anymore.

[McCornic]

This doesn't seem to work in 3.1 anymore.

ok, thank. I'll have a look.

[andrejdo]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

Could you add this locale files (es, en)?

[McCornic]

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)