Home/ Questions/Q 8446275
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T09:53:13+00:00

I am trying to use jquery.mobile datebox as a datepicker for my jquery mobile

  • 0

I am trying to use jquery.mobile datebox as a datepicker for my jquery mobile app…
I find some difficulties finding a page with the full APIs specification…
For example, I do not fully understand the option “useInlineHideInput”, but I can’t find any documentation about it…
Is there any jQuery mobile datebox API documentation available?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can find here the full options list for the latest version jQM Datebox 2.

    You can find information about the useInlineHideInput option here. It seems that this option is available in jQM Datebox 1. In version 2 you can force DateBox to display inline with ‘useInline’ and ‘hideInput’ set to ‘true’.

    To understand the functionality of the specific option put the following HTML in a file and change the options value from true to false.

    <html> 
    <head> 
        <title></title> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
        <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" /> 
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
        <script type="text/javascript" src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
       <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script>
    </head> 
    <body> 
        <div data-role="page">
            <label for="mydate">Some Date</label>
            <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"useInline": true, "useInlineHideInput": true}'>
        </div>
    </body>
</html>​

    I hope this helps.

    • 0