date picker
[scannr.git] / datepicker.php
blob:a/datepicker.php -> blob:b/datepicker.php
--- a/datepicker.php
+++ b/datepicker.php
@@ -1,1 +1,46 @@
+bri<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
 
+        <title>Pretty Charts with jQuery and AJAX | Tutorialzine Demo</title>
+		<!-- Include bootstrap css -->
+		<link href="css/daterangepicker.css" rel="stylesheet">
+
+    </head>
+    <body>
+		<div id="content">
+			
+			<form class="form-horizontal">
+			  <fieldset>
+		        <div class="input-prepend">
+		          <span class="add-on"><i class="icon-calendar"></i></span><input type="text" name="range" id="range" />
+		        </div>
+			  </fieldset>
+			</form>
+			
+			<div id="placeholder">
+				<figure id="chart"></figure>
+			</div>
+
+		</div>
+
+		<footer>
+            <h2><i>Tutorial:</i> Pretty Charts with jQuery and AJAX</h2>
+            <a class="tzine" href="http://tutorialzine.com/2013/01/charts-jquery-ajax/">Head on to <i>Tutorial<b>zine</b></i> to read and download</a>
+        </footer>
+
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+
+		<!-- xcharts includes -->
+		<script src="//cdnjs.cloudflare.com/ajax/libs/d3/2.10.0/d3.v2.js"></script>
+
+		<!-- The daterange picker bootstrap plugin -->
+		<script src="js/sugar.min.js"></script>
+		<script src="js/daterangepicker.js"></script>
+
+		<!-- Our main script file -->
+		<script src="js/script.js"></script>
+    </body>
+</html>
+