Using Mobscroll without Appery function

[Pasteur Miranda]

Hi,

May anybody help me using mobscroll datetime picker without using Appery function (using only jquery)?. I know how to do it outside Appery App Builder, but I don't know how to create it inside the environment.
That is:

Instead of addScroller('datetime', Tiggzi('Datetime2Lbl')) how do I create the mobiscroll using Jquery? I know that I have to bind it to an input or select, but in the generated example, it seems that it's binded to a label. In mobscroll get started site, they do the following:

Code: Select all

1-add an input:   
2-Initialize the control:  $(document).on('pageinit', '#testPage', function () { 
 // create a datepicker with default settings 
 $("#scroller").mobiscroll().date(); // Shorthand for: $("#scroller").mobiscroll({ preset: 'date' }); 

});

Code: Select all

How can I do the previous 2 steps inside Appery environmnet?  After that, how can I set the mobscroll properties (for instance, set it to 24 h format instead of AMPM). 

Thank you very much

[Pasteur Miranda]

First step in the previous post:

1-add an input:

[Pasteur Miranda]

First step:
1- add an input: ""

[Pasteur Miranda]

1- add an input
input id="scroller" name="scroller"

[maxkatz]

You should be using Appery(..) not Tiggzi.

Appery("component_name") is described here: http://docs.appery.io/javascript-api/. It's very simple to switch to just using jQuery.