git.roojs.org Git - roojs1/blob - ux/DateDisplay.js

   1
   2
   3
   4
   5 Roo.form.DateDisplay = function(config){
   6
   7
   8     Roo.form.DateDisplay.superclass.constructor.call(this, config);
   9     this.picker = new Roo.DatePicker( config );
  10
  11     this.addEvents({
  12         /**
  13              * @event select
  14              * Fires when a date is selected
  15              * @param {DatePicker} this
  16              * @param {Date} date The selected date
  17              */
  18         'select': true,
  19         /**
  20              * @event monthchange
  21              * Fires when the displayed month changes
  22              * @param {DatePicker} this
  23              * @param {Date} date The selected month
  24              */
  25         'monthchange': true
  26     });
  27
  28
  29     this.picker.on('select', this.onSelect, this);
  30
  31 };
  32
  33 Roo.extend(Roo.form.DateDisplay , Roo.form.DateField ,  {
  34
  35     inputType  : 'hidden',
  36
  37     onRender : function(ct, position)
  38     {
  39         Roo.form.TextField.superclass.onRender.call(this, ct, position);
  40
  41
  42         this.el.dom.value = this.value ? this.formatDate(this.value, 'Y-m-d') : '';
  43         // prevent input submission
  44
  45         // now render the field..
  46         this.wrap = this.el.wrap();
  47
  48         this.viewEl = this.wrap.createChild({ tag: 'div', cls: 'x-form-displayfield'});
  49
  50         this.picker.onRender(this.viewEl, position);
  51
  52     },
  53     onSelect : function(sel) {
  54         this.fireEvent('select', this);
  55
  56
  57
  58     }
  59
  60 });