1. #1
    Sencha User
    Join Date
    Jun 2009
    Vote Rating
    parky128 is on a distinguished road


    Question Timefield Custom Values

    Timefield Custom Values

    Hi All,

    Does anyone know how to define a custom set of values to be displayed in the TimeField control used on Forms?

    Basically I am trying to get a TimeField to display all hours in a day (00:00, 01:00..), but I want the last value to be displayed as '23:59'. I have a pair of TimeField controls so as you may guess its so the user can select a time range.

    So far I have got the TimeField configured as shown in the below segment. I tried setting the maxValue to 23:59 but it just gets defaulted to 11:00 PM.

    I wondered if there was some way of defining a custom store so I can list the values that I want the control to display (so all the whole hours and ending with a 23:59 entry), then the TimeField could be bound to the store. Or is there an easier way?

    new Ext.form.TimeField({
                                    fieldLabel: 'End Hour',
                                    labelStyle: 'text-align:right; font-weight:bold;',
                                    name: 'endhr',
                                    id: 'endhr',
                                    minValue: '00:00 AM',
                                    maxValue: '23:59 PM', 
                                    value: '00:00 AM',
                                    increment: 60,
                                    width: 85,
                                    editable: false

  2. #2
    Ext User
    Join Date
    Mar 2007
    Vote Rating
    bdcarter is on a distinguished road



    I had to deal with this also. I needed a solution for the end of the day for an end date time range. I search a few different times on the forums but with no real luck finding a solution. Here is the solutions I ended up using. (I classify 12:00 AM as midnight the next day to make more sense for the users.)

    I know the original poster could probably care less but here is the solution for others who may have encountered this scenario.

                      oEndTime = new Ext.form.TimeField({
                         id: this.sId + '-timefield-end',
                         width: 90,
                         fieldLabel: 'End',
                         minValue: '12:15 AM',
                         maxValue: '11:45 PM',
                         name: 'end',
                         increment: 15,
                         tpl: new Ext.XTemplate(
                            '<tpl for="."><div class="x-combo-list-item">',
                            '<tpl if="field1 == \'12:00 AM\'">Midnight</tpl>',
                            '<tpl if="field1 != \'12:00 AM\'">{field1}</tpl>',
                         listeners: {
                            beforerender: function(comp){
                               timeRec = this.getStore().recordType;
                               this.getStore().insert(this.getStore().getCount(), new timeRec({ field1: '12:00 AM' }));

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi