inputEx Documentation - DateField.js

inputEx Documentation > DateField.js 1.0.0

This is the source view for DateField.js

/**
 * @class A Date Field. Add the folowing options: 
 *		- dateFormat: default to 'm/d/Y'
 * @extends inputEx.StringField
 * @constructor
 * @param {Object} options inputEx.Field options object
 */
inputEx.DateField = function(options) {
   if(!options) { var options = {}; }
   if(!options.messages) { options.messages = {}; }
	if(!options.dateFormat) {options.dateFormat = 'm/d/Y'; }
	options.messages.invalid = inputEx.messages.invalidDate;
	inputEx.DateField.superclass.constructor.call(this,options);
};

YAHOO.lang.extend(inputEx.DateField, inputEx.StringField);
   
/**
 * Specific Date validation
 */
inputEx.DateField.prototype.validate = function() {
   var value = this.el.value;
   var ladate = value.split("/");
   if( ladate.length != 3) { return false; }
   if ( isNaN(parseInt(ladate[0])) || isNaN(parseInt(ladate[1])) || isNaN(parseInt(ladate[2]))) { return false; }
   var formatSplit = this.options.dateFormat.split("/");
   if (ladate[ formatSplit.indexOf('Y') ].length!=4) { return false; } // Avoid 3-digits years...
   var d = parseInt(ladate[ formatSplit.indexOf('d') ],10);
   var Y = parseInt(ladate[ formatSplit.indexOf('Y') ],10);
   var m = parseInt(ladate[ formatSplit.indexOf('m') ],10)-1;
   var unedate = new Date(Y,m,d);
   var annee = unedate.getFullYear();
   return ((unedate.getDate() == d) && (unedate.getMonth() == m) && (annee == Y));
};

/*
inputEx.DateField.prototype.render = function() {
   	inputEx.DateField.superclass.render.call(this);
};*/
   
/**
 * Format the date according to options.dateFormat
 * param {Date} val Date to set
 */
inputEx.DateField.prototype.setValue = function(val) {

// Don't try to parse a date if there is no date
   if( val === '' ) {
      this.el.value = '';
      return;
   }
   var str = "";
   // DATETIME
   if (val instanceof Date) {
      str = this.options.dateFormat.replace('Y',val.getFullYear());
      var m = val.getMonth()+1;
      str = str.replace('m', ((m < 10)? '0':'')+m);
      var d = val.getDate();
      str = str.replace('d', ((d < 10)? '0':'')+d);
   } 
   // else date must match this.options.dateFormat
   else {
     str = val;
   }

this.el.value = str;
};
   
/**
 * Return value in DATETIME format (use getFormattedValue() to have 04/10/2002-like format)
 */
inputEx.DateField.prototype.getValue = function() {
   // Hack to validate if field not required and empty
   if (this.el.value === '') { return '';}
   var ladate = this.el.value.split("/");
   var formatSplit = this.options.dateFormat.split('/');
   var d = parseInt(ladate[ formatSplit.indexOf('d') ],10);
   var Y = parseInt(ladate[ formatSplit.indexOf('Y') ],10);
   var m = parseInt(ladate[ formatSplit.indexOf('m') ],10)-1;
   return (new Date(Y,m,d));
};

// Specific message for the container
inputEx.messages.invalidDate = "Invalid date, ex: 03/27/2008";

/**
 * Register this class as "date" type
 */
inputEx.registerType("date", inputEx.DateField);

inputEx Documentation > DateField.js 1.0.0

Pages

Classes (treeview)

Files