1

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?

4

1 回答 1

1

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.

于 2012-08-26T16:17:07.483 回答