--- 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> +