lowCal/index.html at master · adtaylor/lowCal · 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
34
35
36
37
38
39
40
41
42
43
44
45
46
<html>
	<head>
		<title>My Title</title>
		<script src="jquery.js" type="text/javascript"></script>
		<script src="jquery.lowCal.js" type="text/javascript"></script>

		<link rel="shortcut icon" href="favicon.ico">

	</head>
	<body>
		<div class="item">
		  <input type="text" class="date" value="08/03/2011" />
		</div>


		<style type="text/css" media="screen">
      .lowCal {width: 250px;}
		  .lc-date span {
        font-weight: bold;

        color: #FFF;
        background-color: #F63;
        border: 1px solid #F63;
      }
      .lc-other-month span {
        border-color : #CCC;
        background-color: #F6F6F4;
        color: #CCC;
      }
      .lc-selected span{
        border-color : #F63;
        background-color: #FFC0AB;
        color : #B03918;
      }


		</style>


		<script type="text/javascript">
		  var i = $('.date').lowCal();
		</script>

	</body>
</html>