2017-09-21 18 views
0
{ 
       title: 'End Date', 
       margin: '0 20 0 0', 
       items:{ 
        xtype: 'datepicker', 
        itemId: 'endDate', 
        value: Ext.Date.add(new Date(), Ext.Date.DAY, -1), 
        showToday: false, 
        handler: function(picker, date) { 
         var timeIntervalPanel = this.up('button#timeIntervalPanel'); 
         var startDate = timeIntervalPanel.startDate; 
         timeIntervalPanel.setDates(startDate, date); 
       } 
       } 
      }] 
      }, 
      { 
       xtype: 'container', 
       layout: 'hbox', 
       items: [ 
        { 
         margin: '0 20 0 0', 
         items:{ 
         xtype: 'timefield', 
         name: 'startHourCombo', 
         id: 'startTime', 
         maxWidth: 100, 
         columnWidth: 0.2, 
         minValue: '12:00 AM', 
         maxValue: '11:00 PM', 
         increment: 60, 
         anchor: '100%', 
         value: '12:00 AM' 

         } 
       } 
+0

你想在日期字段的一面展现的时间?看看datefield的格式配置。 http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.form.field.Date-cfg-format。 – AswathyPrasad

回答

0

这是你想要的吗?

enter image description here

然后代码是

{ 
        xtype : 'container', 
        layout : 'hbox', 
        defaults :{ 
         margin :'10 10 10 10' 
        }, 
        items :[ 
          { 
           xtype: 'datefield',          
           fieldLabel: 'Date', 

          }, 
          { 
           xtype: 'timefield', 
           name: 'startHourCombo', 
           id: 'startTime', 
           maxWidth: 100, 
           columnWidth: 0.2, 
           minValue: '12:00 AM', 
           maxValue: '11:00 PM', 
           increment: 60, 
           anchor: '100%', 
           value: '12:00 AM' 
          } 
          ] 
       } 
+0

我想从日期字段和时间字段追加选定的值,并显示 – sandy

+0

不是组件在一起 – sandy

+1

这将是非常重要的,并会涉及你写一个新的日期选择器。您可能需要扩展datepicker组件并将其修改为具有新的选择器。 –

相关问题