Question

In this JsFiddle : http://jsfiddle.net/maxl/mCXND/

(copied and modified from http://jsfiddle.net/ud3323/XMgwV/)

I try to create an Ember DatePicker based on JQuery’s.

The first problem I run into is this line :

var ui = jQuery.ui[this.get('uiType')](options, this.get('element'));

jQuery.ui[this.get(‘uiType’)] doesn’t return a function, so I suppose that the solution
that I started with works for some jQueryUI widgets, but not all.
I would like a solution that will work for all JQuery-UI widgets,
and in particular JQueryUI’s Datepicker.

Thanks

Answer 1

If you look at the jqueryui code, you see that some of them are invoked as a function, others not. You can solve it using this:

var ui;
if (typeof jQuery.ui[this.get('uiType')] === 'function') {
   ui = jQuery.ui[this.get('uiType')](options, this.get('element'));
} else {
   ui = this.$()[this.get('uiType')](options);
}

working example: http://jsfiddle.net/PzsrT/7/