Skip to content

Instantly share code, notes, and snippets.

@jefftrull

jefftrull/gist:5971433

Created July 11, 2013 00:20
Show Gist options
  • Save jefftrull/5971433 to your computer and use it in GitHub Desktop.
Save jefftrull/5971433 to your computer and use it in GitHub Desktop.
Download ZIP
Test code for jqm-datepicker #282
Raw
gistfile1.html
<!DOCTYPE HTML>
<html>
<head>
<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>
<!-- Optional Mousewheel support: https://github.com/brandonaaron/jquery-mousewheel -->
<script type="text/javascript" src="PATH/TO/YOUR/COPY/OF/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.flipbox.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Placeholder Test Page</h1>
</div>
<div data-role="content">
<form>
<div data-role="fieldcontain">
<input type="date" data-role="datebox" name="somedate" data-theme="c" placeholder="Date -(specify)-"
data-options='{"mode": "flipbox", "overrideDataFormat": "mm/dd/YYYY", "usePlaceholder": true, "useImmediate": true, "useButton": false, "useFocus": true, "useInlineBlind": true}' />
</div>
</form>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment