view release on metacpan or  search on metacpan

share/docs/source/DatePicker.html  view on Meta::CPAN

     * An array of textual day names which can be overriden for localization support (defaults to Date.dayNames)
     */
    dayNames : Date.dayNames,
<span id='Ext-DatePicker-cfg-nextText'>    /**
</span>     * @cfg {String} nextText
     * The next month navigation button tooltip (defaults to &lt;code&gt;'Next Month (Control+Right)'&lt;/code&gt;)
     */
    nextText : 'Next Month (Control+Right)',
<span id='Ext-DatePicker-cfg-prevText'>    /**
</span>     * @cfg {String} prevText
     * The previous month navigation button tooltip (defaults to &lt;code&gt;'Previous Month (Control+Left)'&lt;/code&gt;)
     */
    prevText : 'Previous Month (Control+Left)',
<span id='Ext-DatePicker-cfg-monthYearText'>    /**
</span>     * @cfg {String} monthYearText
     * The header month selector tooltip (defaults to &lt;code&gt;'Choose a month (Control+Up/Down to move years)'&lt;/code&gt;)
     */
    monthYearText : 'Choose a month (Control+Up/Down to move years)',
<span id='Ext-DatePicker-cfg-startDay'>    /**
</span>     * @cfg {Number} startDay
     * Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)
     */
    startDay : 0,
<span id='Ext-DatePicker-cfg-showToday'>    /**
</span>     * @cfg {Boolean} showToday
     * False to hide the footer area containing the Today button and disable the keyboard handler for spacebar
     * that selects the current date (defaults to &lt;code&gt;true&lt;/code&gt;).
     */
    showToday : true,
<span id='Ext-DatePicker-cfg-minDate'>    /**
</span>     * @cfg {Date} minDate
     * Minimum allowable date (JavaScript date object, defaults to null)
     */
<span id='Ext-DatePicker-cfg-maxDate'>    /**
</span>     * @cfg {Date} maxDate
     * Maximum allowable date (JavaScript date object, defaults to null)
     */
<span id='Ext-DatePicker-cfg-disabledDays'>    /**
</span>     * @cfg {Array} disabledDays
     * An array of days to disable, 0-based. For example, [0, 6] disables Sunday and Saturday (defaults to null).
     */
<span id='Ext-DatePicker-cfg-disabledDatesRE'>    /**
</span>     * @cfg {RegExp} disabledDatesRE
     * JavaScript regular expression used to disable a pattern of dates (defaults to null).  The {@link #disabledDates}
     * config will generate this regex internally, but if you specify disabledDatesRE it will take precedence over the
     * disabledDates value.
     */
<span id='Ext-DatePicker-cfg-disabledDates'>    /**
</span>     * @cfg {Array} disabledDates
     * An array of 'dates' to disable, as strings. These strings will be used to build a dynamic regular
     * expression so they are very powerful. Some examples:
     * &lt;ul&gt;
     * &lt;li&gt;['03/08/2003', '09/16/2003'] would disable those exact dates&lt;/li&gt;
     * &lt;li&gt;['03/08', '09/16'] would disable those days for every year&lt;/li&gt;
     * &lt;li&gt;['^03/08'] would only match the beginning (useful if you are using short years)&lt;/li&gt;
     * &lt;li&gt;['03/../2006'] would disable every day in March 2006&lt;/li&gt;
     * &lt;li&gt;['^03'] would disable every day in every March&lt;/li&gt;
     * &lt;/ul&gt;
     * Note that the format of the dates included in the array should exactly match the {@link #format} config.
     * In order to support regular expressions, if you are using a date format that has '.' in it, you will have to
     * escape the dot when restricting dates. For example: ['03\\.08\\.03'].
     */

<span id='Ext-DatePicker-property-focusOnSelect'>    // private
</span>    // Set by other components to stop the picker focus being updated when the value changes.
    focusOnSelect: true,

<span id='Ext-DatePicker-property-initHour'>    // default value used to initialise each date in the DatePicker
</span>    // (note: 12 noon was chosen because it steers well clear of all DST timezone changes)
    initHour: 12, // 24-hour format

<span id='Ext-DatePicker-method-initComponent'>    // private
</span>    initComponent : function(){
        Ext.DatePicker.superclass.initComponent.call(this);

        this.value = this.value ?
                 this.value.clearTime(true) : new Date().clearTime();

        this.addEvents(
<span id='Ext-DatePicker-event-select'>            /**
</span>             * @event select
             * Fires when a date is selected
             * @param {DatePicker} this DatePicker
             * @param {Date} date The selected date
             */
            'select'
        );

        if(this.handler){
            this.on('select', this.handler,  this.scope || this);
        }

        this.initDisabledDays();
    },

<span id='Ext-DatePicker-method-initDisabledDays'>    // private
</span>    initDisabledDays : function(){
        if(!this.disabledDatesRE &amp;&amp; this.disabledDates){
            var dd = this.disabledDates,
                len = dd.length - 1,
                re = '(?:';

            Ext.each(dd, function(d, i){
                re += Ext.isDate(d) ? '^' + Ext.escapeRe(d.dateFormat(this.format)) + '$' : dd[i];
                if(i != len){
                    re += '|';
                }
            }, this);
            this.disabledDatesRE = new RegExp(re + ')');
        }
    },

<span id='Ext-DatePicker-method-setDisabledDates'>    /**
</span>     * Replaces any existing disabled dates with new values and refreshes the DatePicker.
     * @param {Array/RegExp} disabledDates An array of date strings (see the {@link #disabledDates} config
     * for details on supported values), or a JavaScript regular expression used to disable a pattern of dates.
     */
    setDisabledDates : function(dd){
        if(Ext.isArray(dd)){
            this.disabledDates = dd;
            this.disabledDatesRE = null;
        }else{
            this.disabledDatesRE = dd;
        }
        this.initDisabledDays();
        this.update(this.value, true);
    },

<span id='Ext-DatePicker-method-setDisabledDays'>    /**
</span>     * Replaces any existing disabled days (by index, 0-6) with new values and refreshes the DatePicker.
     * @param {Array} disabledDays An array of disabled day indexes. See the {@link #disabledDays} config
     * for details on supported values.
     */
    setDisabledDays : function(dd){
        this.disabledDays = dd;
        this.update(this.value, true);
    },

<span id='Ext-DatePicker-method-setMinDate'>    /**
</span>     * Replaces any existing {@link #minDate} with the new value and refreshes the DatePicker.
     * @param {Date} value The minimum date that can be selected
     */
    setMinDate : function(dt){
        this.minDate = dt;
        this.update(this.value, true);
    },

<span id='Ext-DatePicker-method-setMaxDate'>    /**
</span>     * Replaces any existing {@link #maxDate} with the new value and refreshes the DatePicker.
     * @param {Date} value The maximum date that can be selected
     */
    setMaxDate : function(dt){
        this.maxDate = dt;
        this.update(this.value, true);
    },

<span id='Ext-DatePicker-method-setValue'>    /**
</span>     * Sets the value of the date field
     * @param {Date} value The date to set
     */
    setValue : function(value){
        this.value = value.clearTime(true);
        this.update(this.value);
    },