Home Esplora Aiuto
Accedi
pwa
/
Lungo.js
mirror da https://github.com/tapquo/Lungo.js.git
2
0
Forka 0
File Problemi 0 Wiki
Albero (Tree): 4e8cce0db9
Rami (Branch) Tag
Lungo.js
/
example
/
calendar.html

calendar.html 5.5 KB
Cronologia Originale

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 
  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <title>Brownie calendar</title>
    6. 

  6.     <meta name="description" content="">
    7. 

  7.     <meta name="author" content="Javier Jiménez Villar (@soyjavi)">
    8. 

  8.     <meta name="HandheldFriendly" content="True">
    9. 

  9.     <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    10. 

  10.     <meta name="apple-mobile-web-app-capable" content="yes">
    11. 

  11.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
    12. 

  12.     <meta name="format-detection" content="telephone=no">
    13. 

  13.     <meta http-equiv="cleartype" content="on">
    14. 

  14. 

  15.     <!-- iPhone -->
    16. 

  16.     <link href="http://cdn.tapquo.com/lungo/icon-57.png" sizes="57x57" rel="apple-touch-icon">
    17. 

  17.     <link href="http://cdn.tapquo.com/lungo/startup-image-320x460.png" media="(device-width: 320px) and (device-height: 480px)
    18. 

  18.              and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
    19. 

  19. 

  20.     <!-- iPhone (Retina) -->
    21. 

  21.     <link href="http://cdn.tapquo.com/lungo/icon-114.png" sizes="114x114" rel="apple-touch-icon">
    22. 

  22.     <link href="http://cdn.tapquo.com/lungo/startup-image-640x920.png" media="(device-width: 320px) and (device-height: 480px)
    23. 

  23.              and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    24. 

  24. 

  25.     <!-- iPhone 5 -->
    26. 

  26.     <link href="http://cdn.tapquo.com/lungo/startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px)
    27. 

  27.              and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    28. 

  28. 

  29.     <!-- iPad -->
    30. 

  30.     <link href="http://cdn.tapquo.com/lungo/icon-72.png" sizes="72x72" rel="apple-touch-icon">
    31. 

  31.     <link href="http://cdn.tapquo.com/lungo/startup-image-768x1004.png" media="(device-width: 768px) and (device-height: 1024px)
    32. 

  32.              and (orientation: portrait)
    33. 

  33.              and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
    34. 

  34.     <link href="http://cdn.tapquo.com/lungo/startup-image-748x1024.png" media="(device-width: 768px) and (device-height: 1024px)
    35. 

  35.              and (orientation: landscape)
    36. 

  36.              and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
    37. 

  37. 

  38.     <!-- iPad (Retina) -->
    39. 

  39.     <link href="http://cdn.tapquo.com/lungo/icon-144.png" sizes="144x144" rel="apple-touch-icon">
    40. 

  40.     <link href="http://cdn.tapquo.com/lungo/startup-image-1536x2008.png" media="(device-width: 768px) and (device-height: 1024px)
    41. 

  41.              and (orientation: portrait)
    42. 

  42.              and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    43. 

  43.     <link href="http://cdn.tapquo.com/lungo/startup-image-1496x2048.png" media="(device-width: 768px) and (device-height: 1024px)
    44. 

  44.              and (orientation: landscape)
    45. 

  45.              and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    46. 

  46. 

  47.     <!-- Main Stylesheet -->
    48. 

  48.     <link rel="stylesheet" href="components/lungo.brownie/lungo.css">
    49. 

  49.     <link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css" id="theme-stylesheet">
    50. 

  50.     <link rel="stylesheet" href="components/lungo.icon/lungo.icon.css">
    51. 

  51.     <!-- App Stylesheet -->
    52. 

  52.     <link rel="stylesheet" href="static/stylesheets/app.css">
    53. 

  53.     <link rel="stylesheet" href="../packages/lungo.calendar/lungo.calendar.css" />
    54. 

  54. </head>
    55. 

  55. 

  56. <body>
    57. 

  57. 

  58.     <section id="main" data-transition="" data-aside="features" class="drag">
    59. 

  59.         <header>
    60. 

  60.             <img src="static/images/logo.png" class="title centered">
    61. 

  61.         </header>
    62. 

  62.         <article id="main-article" class="list indented scroll">
    63. 

  63. 

  64. 

  65.             <button class="small">show!</button>
    66. 

  66.             <br />
    67. 

  67.             <br />
    68. 

  68. 

  69.             <input data-type="calendar" value="" />
    70. 

  70.             <input data-type="calendar" value="2000-02-20" />
    71. 

  71.             <input data-type="calendar" value="2200-12-31" />
    72. 

  72.             <input data-type="calendar" value="2150-12-31" />
    73. 

  73.             <input data-type="calendar" value="2140-12-31" />
    74. 

  74.             <input data-type="calendar" value="2130-12-31" />
    75. 

  75.             <input data-type="calendar" value="2120-12-31" />
    76. 

  76.             <input data-type="calendar" value="2110-12-31" />
    77. 

  77. 

  78.             <input data-type="calendar" value="" />
    79. 

  79.             <input data-type="calendar" value="2000-02-20" />
    80. 

  80.             <input data-type="calendar" value="2200-12-31" />
    81. 

  81.             <input data-type="calendar" value="2150-12-31" />
    82. 

  82.             <input data-type="calendar" value="2140-12-31" />
    83. 

  83.             <input data-type="calendar" value="2130-12-31" />
    84. 

  84.             <input data-type="calendar" value="2120-12-31" />
    85. 

  85.             <input data-type="calendar" value="2110-12-31" />
    86. 

  86. 

  87.             <input data-type="calendar" value="" />
    88. 

  88.             <input data-type="calendar" value="2000-02-20" />
    89. 

  89.             <input data-type="calendar" value="2200-12-31" />
    90. 

  90.             <input data-type="calendar" value="2150-12-31" />
    91. 

  91.             <input data-type="calendar" value="2140-12-31" />
    92. 

  92.             <input data-type="calendar" value="2130-12-31" />
    93. 

  93.             <input data-type="calendar" value="2120-12-31" />
    94. 

  94.             <input data-type="calendar" value="2110-12-31" />
    95. 

  95. 

  96. 

  97. 

  98.         </article>
    99. 

  99.     </section>
    100. 

  100. 

  101.     <script src="components/quojs/quo.js"></script>
    102. 

  102.     <script src="components/lungo.brownie/lungo.debug.js"></script>
    103. 

  103.     <script src="../packages/lungo.calendar/lungo.calendar.js"></script>
    104. 

  104.     <script>
    105. 

  105.         Lungo.init({
    106. 

  106.             name: "Calendar test",
    107. 

  107.             version: "1.0",
    108. 

  108.             history: false
    109. 

  109.         });
    110. 

  110. 

  111.         $$(function() {
    112. 

  112.             $$("button").bind("tap", function() {
    113. 

  113.                 Lungo.Sugar.Calendar.show("2012-01-01", function(date) {
    114. 

  114.                     alert(date);
    115. 

  115.                     // Lungo.Sugar.Calendar.hide();
    116. 

  116.                 });
    117. 

  117.             });
    118. 

  118.         });
    119. 

  119.     </script>
    120. 

  120. </body>
    121. 

  121. </html>
    122.