facebook

Date picker

  1. MobiOne Archive
  2.  > 
  3. Getting Help – General
Viewing 15 posts - 1 through 15 (of 38 total)
  • Author
    Posts
  • #324603 Reply

    Paul G
    Member

    Date picker

    Has anyone been able to get a date picker to work properly?
    I was able to import one from J query UI however it is very clumsy and does not work as it should.
    Will mobione be adding a datepicker Control any time soon?
    paul

    #325097 Reply

    JohnWord
    Member

    another vote for this please..

    #325259 Reply

    Paul G
    Member

    I have managed to get a datepicker widget to work.
    I have a text box.
    When the user clicks inside the textbox the datepicker appears and allows user to select a date which is then placed in the textbox.

    Thats how I want it to work.

    The problem is that when user clicks in the textbox, not only does the datepicker widget appear, but also the keyboard pops up as it does with all mobione text type textboxes.

    Is there a way to prevent the keyboard popping up?

    Whatever type you make a textbox (text, number, email etc) you always get a keyboard popping up?

    How can I stop this?

    Regards Paul

    #325679 Reply

    Paul G
    Member

    Hello Octavio,

    I am using the Date Picker – jQuery plugin which I downloaded from http://www.eyecon.ro/datepicker

    Is there a way to do this:

    1. the start screen just has a button. Click on button invokes datepicker to pop up.
    2 When date is selected, only then does a textbox appear (or is made visible) and selected date goes into textbox

    Regards Paul

    #325680 Reply

    Paul G
    Member

    Hello Octavio,

    I am using the Date Picker – jQuery plugin which I downloaded from http://www.eyecon.ro/datepicker

    Is there a way to do this:

    1. the start screen just has a button. Click on button invokes datepicker to pop up.
    2 When date is selected, only then does a textbox appear (or is made visible) and selected date goes into textbox

    Regards Paul

    #327142 Reply

    Paul G
    Member

    Octavio, can you advise when the datepicker widget will be ready?
    I note that it was planned for Q2, can we expect it before the end of June?

    Paul G

    #327189 Reply

    Hi Paul,

    No it will not likely be available before the end of june due to other widgets that have higher priority.
    Do you need the date picker for both iOS and android platforms or only 1 of these platforms?

    #327436 Reply

    Kifo
    Member

    @ Paul

    hi Paul, could you please attach an example of how you used the date picker in mobione ?

    thanks

    #327445 Reply

    Paul G
    Member

    Hello Octavio,

    I only need it for IOS, iPhone and Ipad.

    Can you advise of the new widgets which have a higher priority? I love Mobione but new widgets are are needed asap.

    Regards Paul

    #327475 Reply

    Paul G
    Member

    Hello Octavio,

    I only need it for IOS, iPhone and iPad.

    Can you tell us a little about which new widgets we can expect to see in the near future?

    Regards Paul

    #327480 Reply

    Kifo
    Member

    hi Paul,
    I am still waiting for an example of using datepicker … a simple one
    i have copied the css and js links to my html code and then i copied the desired code to my js function file withe my text filed input id as the inputDate field … but it is still not working
    I am attaching my files here if u could help finding where the error is.

    many thanks

    Attachments:
    You must be logged in to view attached files.
    #327503 Reply

    Paul G
    Member

    Hello kifo

    I had a look at your files.

    You are trying to achieve the same thing I am, without success yet. I also want to invoke a datepicker by clicking on a push button.
    The only way I can get a datepicker to pop up is by putting this code into the program’s main HTML file, NOT the custom.JS file

    here is my complete html file:

    <html>
    <head>
    <title>dp1</title>
    <meta name=”generator” content=”MobiOne Studio – Design Center, http://genuitec.com/mobile“/>
    <meta name=”viewport” content=
    “width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″/>
    <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″/>
    <meta name=”apple-mobile-web-app-capable” content=”yes”/>
    <meta name=”format-detection” content=”telephone=no”/>
    <link rel=”stylesheet” href=”dp1.css”/>
    <link rel=”stylesheet” href=”res/spinningwheel.css”/>
    <script type=”text/javascript” src=”res/jquery-1.7.1.min.js”></script>
    <script type=”text/javascript” src=”res/preloadCssImages.js”></script>
    <script type=”text/javascript” src=”res/iscroll.js”></script>
    <script type=”text/javascript” src=”dp1.js”></script>
    <script type=”text/javascript” src=”res/phoneui.js”></script>
    <script type=”text/javascript” src=”res/spinningwheel.js”></script>
    <script type=”text/javascript” src=”dp1_custom.js”></script>
    <link rel=”stylesheet” href=”../../themes/base/jquery.ui.all.css”>
    <script src=”../../jquery-1.7.2.js”></script>
    <script src=”jquery.ui.core.js”></script>
    <script src=”jquery.ui.widget.js”></script>
    <script src=”jquery.ui.datepicker.js”></script>
    <link rel=”stylesheet” href=”demos.css”>
    <script>
    $(function() {
    $( “#m1-dp1-textField1″ ).datepicker();
    });
    </script>

    </head>
    <body>
    <div class=”m1-top-root”>
    <!– Loading spinner –>
    <div class=”m1-loading”>
    <div>
    <canvas class=”m1-loading-spinner” width=”25″ height=”25″></canvas>
    <span class=”m1-loading-text”></span>
    </div>
    </div>
    <!– Prompt to be shown for adding page on homescreen –>
    <canvas class=”m1-homescreen-prompt” width=”250″ height=”120″></canvas>
    <!– ***** dp1 ***** –>
    <div id=”m1-dp1″ class=”m1-root”>
    <input id=”m1-dp1-textField1″ class=”m1-textfield m1-textfield-border” value=”” type=”text”
    name=”textField1″/>
    </div>
    </div>
    </body>
    </html>

    When you click in the text box 2 things happen:

    1. Datepicker pops up, and
    2. Keyboard also pops up

    We dont want to keyboard to pop up, but there is no way to stop it.

    I have attached my complete project.

    Until Mobione has a proper datepicker widget I dont think we can achieve what we are both trying to do, i.e. invoke a datepicker from a push button instead of clicking inside a text box/field.

    If you figure out a way to do that please let me know.

    Regards Paul

    Attachments:
    You must be logged in to view attached files.
    #327507 Reply

    Kifo
    Member

    Hi Paul,

    Thank you for your reply and your example. Unfortunately, your example did not work neither on the application nor on my mobile … i noticed some functions work on windows XP and some not … some work on win7 and some not !!!

    I hope some one from the support team can help us on the datepicker thingy … and i will still find a way around if it worked i will let you know for sure.

    #327518 Reply

    Paul G
    Member

    Hi Kifo,

    I am surprised to hear you say my example doesn’t work on your computer (Mobione Test Centre) or on your iphone.

    It works on both for me.

    Can you install it on your iphone from this Mobione tiny URL

    http://goo.gl/NZBwa

    Let me know if it works on your iphone.

    Paul

    #327524 Reply

    Kifo
    Member

    Hi Paul,
    this is working perfectly … I liked it
    is this the same code u sent me earlier?

Viewing 15 posts - 1 through 15 (of 38 total)
Reply To: Date picker

You must be logged in to post in the forum log in