[Solved]Problem with mindate validation on form datefield

[Neil Thole]

I am having a problem where I am defaulting the value of a date to the minimum value, and when the page is rendered it shows the date as invalid, even though the date equals the date it says it must be greater than. Additionally if you open the datepicker and select the date that is currently selected the validation passes.

Any thoughts?

Creation of datefield on form

var minDate =new Date();
var maxDate =new Date();
 
maxDate
.setDate(maxDate.getDate()+90);

var posEffdt =new Date();

posEffdt.setDate(minDate.getDate());

xtype:'datefield',

fieldLabel:'Effective Date',

id:'poseffdt',

name:'poseffdt',

allowBlank:false,

minValue: minDate,

maxValue: maxDate,

value: posEffdt,
width:95

Image diplays error.

[mystix]

new Date() creates a js Date object with time info (which is often overlooked).

simply call Ext's clearTime() method on both minDate & maxDate:

var minDate = (new Date()).clearTime();
var maxDate = (new Date()).clearTime();

p.s. in future, pls post code snippets in [code][/code] tags.

[Neil Thole]

That worked! Thanks so much for the help. Added the code snippets for anyone searching in the future.

We're just beginning to look at implementing Ext in our organization and this place has been a big help.

[NightAvatar]

Does this mean that I can define a minDate in my code like this:

Ext.override(Ext.DatePicker, {
    minDate           : (new Date()).clearTime(),
    todayText         : 'Dagens dato',
    minText           : 'Denne dato er før minimum dato',
    maxText           : 'Denne dato er etter maximum dato',
    disabledDaysText  : '',
    disabledDatesText : '',
    monthNames        : localMonthNames,
    dayNames          : localDayNames,
    nextText          : 'Neste Måned (Ctrl+Høyrepil)',
    prevText          : 'Forrige måned (Ctrl+Venstrepil)',
    monthYearText     : 'Velg måned (Ctrl+Opp/Ned flytter år)',
    todayTip          : '{0} (spacebar)',
    okText            : ' OK ',
    cancelText        : 'Avbryt',
    format            : 'd.m.Y',
    startDay          : 1
});

I can't figure out how to get this to work. I'm trying to disallow all dates prior to today.

Thanks!

[Condor]

Yes, that should work for DatePicker, but not for DateField, because it overrides the DatePicker default with minValue.

So you would need:

var today = new Date()).clearTime();
Ext.DatePicker.prototype.minDate = today;
Ext.form.DateField.prototype.minValue = today;

[NightAvatar]

That works perfect! Thanks!

[NightAvatar]

Is this the correct way to set the minDate to 2 years prior to todays date?

// Date Picker calendar
Ext.onReady(function(){
    new Ext.form.DateField({
        applyTo  : 'fromDate'
    });
    new Ext.form.DateField({
        applyTo  : 'toDate'
    });
});
//min date is set to 2 years ago
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
var twoYearsAgo = day + "." + month + "." + (year-2);
var minDate = (twoYearsAgo).clearTime();
Ext.DatePicker.prototype.minDate = minDate;
Ext.form.DateField.prototype.minValue = minDate;

If not, please explain how because I am at a loss.

Thanks!

[Condor]

Use:

var minDate = currentTime.add(Date.YEAR, -2).clearTime();

ps. And do you really want this in the prototype or only for one field at a time?

[mystix]

Ext.DatePicker.prototype.minDate = (new Date()).clearTime().add(Date.YEAR, -2);
Ext.form.DateField.prototype.minValue = Ext.DatePicker.prototype.minDate;

// Date Picker calendar
Ext.onReady(function(){
    new Ext.form.DateField({
        id: 'fromDate',
        renderTo: document.body
    });
    new Ext.form.DateField({
        id: 'toDate',
        renderTo: document.body
    });
});

[edit]
awww shucks... @condor beat me to it by 2 full minutes...

[NightAvatar]

Thanks to both of you!

And do you really want this in the prototype or only for one field at a time?

Only one field at a time I guess, but what exactly is the "prototype"? How does it work, or rather, what exactly am I setting when I set it to the prototype? (what's the difference?)

Cheers!