Datetimepicker

[tomalex0]

Are you using select fields in your app? which is actually rendered in a action sheet rather than popup.

just want to know how IOS select fields in ipad are displayed, popup or action sheet?

[arbihaza]

it targeted universal device, including iphone & ipad.

i tried on my iphone version 4.3.3 and of course it's ok since the popover elements only required for ipad device.

i'm not sure how to put your datetimepicker in popover element, but I'll try to look for it. It will be very great if your very useful datetimepicker can handle this and put the picker in popover only in ipad device, since that is the behavior of sencha built-in picker.

[arbihaza]

thanks for quick reply!

yes, i'm using selectfield, datepickerfield and your datetimepickerfield.
all of them will use the entire width of the screen on iphone device, but only selectfield will be displayed as popup on ipad device. Both sencha datepickerfield and your datetimepickerfield still use the entire width of the screen on ipad.

This is example of popover element in ipad:

popover.jpg

You can explore more in this link.

[Himmat Bhanushali]

I have used datetimepickerfield in form panel
After tapping on the cancel button , getting foloowing error:

Uncaught TypeError: Cannot read property 'dom' of null

Next time when picker is opened, Slot values become 1st january 1980.

Can anyone give me the fix for this?

[bethnguyen]

Hi, thanks for this great component extension! I'm trying to use this in my app, but am having trouble figuring out how to use it via Sencha Architect 2...

I looked at the form.js and picker.js examples that were on github as well as in the downloaded .zip file and saw where it's added via ST2 code, but when I try to add this code within Architect 2, the .js file is read-only...

Is there a way to load this custom component extension into Architect 2 so I can drag it onto my container /formpanel?

Thanks so much! Any help or guidance is appreciated..

[nak1]

Not sure if anyone else ran into this bug, but I recently updated to Sencha Touch 2.1.0. When I ran some tests on the code base, I noticed that when I configured the Ext.ux.picker.DateTime extention to use the time slots configuration (01:01 AM/PM) the value selected in the picker never returned back to the form field.

{
					xtype: 'datetimepickerfield',
					label: 'Payment Time',
					name: 'offline_payment_time',
					format : 'h:i A',
					picker: {
	                    minuteInterval : 1,
	                    ampm : true,
	                    slotOrder: ['hour','minute','ampm']
	                }
				}

It took a bit of research, but I was able to track down the issue to the Ext.picker.Slot.getValue() method.

If the "useDom" parameter is not defaulted to "true", it won't set the proper return value when the getValue() method is called in the process. So I added this bit of code (highlighted in blue font) to the method and it works fine now.

I'm not sure if this is a bug in the framework, or in the way the Ext.ux.picker.DateTime extension and how it configures the slot objects, but I thought I'd bring it to everyone's attention.

getValue: function(useDom) {
				useDom=useDom||true;
		        var store = this.getStore(),
		            record, value;
		
		        if (!store) {
		            return;
		        }
		
		        if (!this.rendered || !useDom) {
		            return this._value;
		        }
		
		        //if the value is ever false, that means we do not want to return anything
		        if (this._value === false) {
		            return null;
		        }
		
		        record = store.getAt(this.selectedIndex);
		
		        value = record ? record.get(this.getValueField()) : null;
		//        this._value = value;
		
		        return value;
		    }

[jhamli01]

Is anybody using this on Sencha 2.2.1? If you press cancel, the next time it loads up the datetimepicker all the slots are empty.

[gmarcoux]

I had the same behavior. Setting destroyPickerOnHide to true will solve the problem :

        /**
         * @cfg {Boolean} destroyPickerOnHide
         * Whether or not to destroy the picker widget on hide. This save memory if it's not used frequently,
         * but increase delay time on the next show due to re-instantiation. Defaults to false
         * @accessor
         */
        destroyPickerOnHide: true,

[gmarcoux]

I have another problem with ST2.2.1 :

In Chrome, the slots don't appear in the picker, in IE10 the picker doesn't appear at all and it's working well with FF... :

ScreenHunter_04 Aug. 23 18.36.gifScreenHunter_03 Aug. 23 18.33.gifScreenHunter_02 Aug. 23 18.33.gif

[jhamli01]

I know this isn't a great solution, but it seems to be working okay for me with Sencha 2.3 beta 1 for Chrome and IE 10. There must be some issue with 2.2.1, either that or I fixed the above problem in some other way. I'll take a look and see what I changed.