PageRenderTime 27ms CodeModel.GetById 14ms RepoModel.GetById 0ms app.codeStats 0ms

/tests/de.php

https://github.com/eromba/jquery-mobile-datebox
PHP | 87 lines | 83 code | 4 blank | 0 comment | 0 complexity | d50ac312181e04d19ce282982a74c3ad MD5 | raw file
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>jQueryMobile - DateBox Demo</title>
  7. <link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
  8. <link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.css" rel="stylesheet" />
  9. <!-- NOTE: Script load order is significant! -->
  10. <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
  11. <script type="text/javascript">
  12. $( document ).bind( "mobileinit", function(){
  13. $.mobile.page.prototype.options.degradeInputs.date = 'text';
  14. });
  15. </script>
  16. <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
  17. <script type="text/javascript" src="http://dev.jtsage.com/jquery.mousewheel.min.js"></script>
  18. <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.js"></script>
  19. <script type="text/javascript">
  20. jQuery.extend(jQuery.mobile.datebox.prototype.options, {
  21. 'dateFormat': 'ddd, DD. mmm YYYY',
  22. 'headerFormat': 'ddd, DD. mmm YYYY',
  23. 'daysOfWeek': ['Sonntag',
  24. 'Montag',
  25. 'Dienstag',
  26. 'Mittwoch',
  27. 'Donnerstag',
  28. 'Freitag',
  29. 'Samstag'],
  30. 'daysOfWeekShort': ['So',
  31. 'Mo',
  32. 'Di',
  33. 'Mi',
  34. 'Do',
  35. 'Fr',
  36. 'Sa'],
  37. 'monthsOfYear': ['Januar',
  38. 'Februar',
  39. 'Marz',
  40. 'April',
  41. 'Mai',
  42. 'Juni',
  43. 'Juli',
  44. 'August',
  45. 'September',
  46. 'Oktober',
  47. 'November',
  48. 'Dezember'],
  49. 'monthsOfYearShort': ['Jan',
  50. 'Feb',
  51. 'Mar',
  52. 'Apr',
  53. 'Mai',
  54. 'Jun',
  55. 'Jul',
  56. 'Aug',
  57. 'Sep',
  58. 'Oct',
  59. 'Nov',
  60. 'Dez'],
  61. 'durationLabel': ['Tage', 'Stunden', 'Minuten', 'Sekunden'],
  62. 'durationDays': ['Tag', 'Tage'],
  63. 'experimentalReg': true
  64. });
  65. </script>
  66. </head>
  67. <body>
  68. <div data-role="page" data-theme="a" id="main">
  69. <div data-role="header">
  70. <h1>jQueryMobile - Dev Page</h1>
  71. </div>
  72. <div data-role="content" data-theme="c">
  73. <div data-role="fieldcontain">
  74. <label for="datetime">Cal</label>
  75. <input data-options="{'noButtonFocusMode':'true','mode':'calbox','noAnimation':'false','calHighPicked':'true'}" data-role="datebox" id="datetime" name="" readonly="readonly" style="width: 100% !important" type="date" value="Mittwoch, 29. Juni 2011"></input>
  76. </div>
  77. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  78. </div>
  79. <div data-role="footer">
  80. <a href="https://github.com/jtsage/jquery-mobile-datebox">GitHub Source</a><a rel='external' href="http://dev.jtsage.com/blog/">Blog</a><a href="mailto:jtsage+datebox@gmail.com">Contact</a>
  81. </div>
  82. </div>
  83. </html>