Results 1 to 7 of 7

Thread: Is there a TimePicker?

  1. #1
    Sencha User
    Join Date
    Dec 2008
    Location
    Vienna, Austria
    Posts
    589

    Default Is there a TimePicker?

    Hi!

    Is there a TimePicker widget in sencha touch?

    thx
    Roland

  2. #2
    Sencha User
    Join Date
    Mar 2010
    Posts
    238

    Default

    You can use the Picker widget with custom Slots. ;o)

  3. #3
    Sencha User
    Join Date
    Jul 2011
    Posts
    17

    Default

    2011 year but time picker is not realized!!!

  4. #4
    Sencha User
    Join Date
    Sep 2011
    Location
    Zrich, Switzerland
    Posts
    19

  5. #5
    Sencha User
    Join Date
    Jul 2011
    Location
    The Netherlands
    Posts
    24

    Default Sencha touch 2 timepickerfield


  6. #6

    Default

    Here is a button which launches a time picker

    Code:
    {
                                    xtype: 'button',
                                    name: 'timebutton',
                                    text: 'Time',
                                    handler: function() { 
                                          var hours = [
                        {
                        text: '00',
                        value: '00'
                    },{
                        text: '01',
                        value: '01'
                    }, {
                        text: '02',
                        value: '02'
                    }, {
                        text: '03',
                        value: '03'
                    }, {
                        text: '04',
                        value: '04'
                    }, {
                        text: '05',
                        value: '05'
                    },{
                        text: '06',
                        value: '06'
                    },{
                        text: '07',
                        value: '07'
                    },{
                        text: '08',
                        value: '08'
                    },{
                        text: '09',
                        value: '09'
                    },{
                        text: '10',
                        value: '10'
                    },{
                        text: '11',
                        value: '11'
                    },{
                        text: '12',
                        value: '12'
                    },{
                        text: '13',
                        value: '13'
                    },{
                        text: '14',
                        value: '14'
                    },{
                        text: '15',
                        value: '15'
                    },{
                        text: '16',
                        value: '16'
                    },{
                        text: '17',
                        value: '17'
                    },{
                        text: '18',
                        value: '18'
                    },{
                        text: '19',
                        value: '19'
                    },{
                        text: '20',
                        value: '20'
                    },{
                        text: '21',
                        value: '21'
                    },{
                        text: '22',
                        value: '22'
                    },{
                        text: '23',
                        value: '23'
                    }];
                
                var minutes = [
                    {
                        text: '00',
                        value: '00'
                    },{
                        text: '05',
                        value: '05'
                    }, {
                        text: '10',
                        value: '10'
                    }, {
                        text: '15',
                        value: '15'
                    }, {
                        text: '20',
                        value: '20'
                    }, {
                        text: '25',
                        value: '25'
                    },{
                        text: '30',
                        value: '30'
                    },{
                        text: '35',
                        value: '35'
                    },{
                        text: '40',
                        value: '40'
                    },{
                        text: '45',
                        value: '45'
                    },{
                        text: '50',
                        value: '50'
                    },{
                        text: '55',
                        value: '55'
                    }
                ];
                     var picker = Ext.create('Ext.Picker', {
                        useTitles: true,
                        listeners: {
                            change: function(picker, value, eOpts) {
                               alert (value.hour+' '+value.minute);
                                }
                            },
                        slots: [{
                            align: 'left',
                            name: 'hour',
                            title: 'hour',
                            data: hours
                        }, {
                            align: 'right',
                            name: 'minute',
                            title: 'minute',
                            data: minutes
                        }] // slots
                    }); // create()
                    
                    Ext.Viewport.add(picker);
                                    }
                                }

  7. #7
    Sencha Premium Member
    Join Date
    Sep 2015
    Location
    UK
    Posts
    22

    Default Time picker field Ext JS 6 - Modern



    I have been trying to create a timepicker field for my form and mikegriffin's suggestion worked brilliantly.

    Thank you very much.

Similar Threads

  1. [CLOSED] Bug with TimePicker (Comboboxes in general)
    By schube in forum Ext GWT: Bugs (2.x)
    Replies: 1
    Last Post: 21 Jul 2010, 11:36 PM
  2. Ext.ux.TimePicker
    By curlybracket in forum Ext 3.x: User Extensions and Plugins
    Replies: 12
    Last Post: 2 Feb 2010, 5:33 PM
  3. TimePicker Mockup
    By RKN in forum Ext 2.x: User Extensions and Plugins
    Replies: 9
    Last Post: 13 Aug 2009, 1:44 PM
  4. Date object is lost - Timepicker
    By max52 in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 19 Mar 2008, 7:07 AM
  5. TimePicker?
    By RWaters in forum Community Discussion
    Replies: 10
    Last Post: 2 Jul 2007, 5:45 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •