jquery.dateRange/demo.html at master · heyitsgarrett/jquery.dateRange · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!doctype html>
<!--[if lt IE 7]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->  <html lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Date Range Picker</title>
  <link href="dateRange.css" media="screen" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="jquery.min.js"></script>
  <script type="text/javascript" src="jquery.dateRange.js"></script>
</head>
<body>

  <div class="calendarWrap">
    <input id="date" class="dateRange" type="text" size="25"/>
    <div class="calendar">
      <a class="filter button"><span>Done</span></a>
    </div>
  </div>

<script type="text/javascript">
$(document).ready(function() {
  $('#date').dateRange({
    selected: function(dates) {
      var from = dates[0],
          to = dates[1];
      //do something special
    }
  });
});
</script>