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

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