forked from amsul/pickadate.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.htm
59 lines (42 loc) · 1.79 KB
/
test.htm
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
47
48
49
50
51
52
53
54
<!doctype html>
<meta name="viewport" content="width=device-width,maximum-scale=1">
<title>Pickadate.js</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="pickadate.css">
<section class="holder">
<h1><strong title="Pick a Date" class="underline-highlight">pickadate.js</strong></h1>
<h2>A lightweight jQuery dateinput picker <small>(<a title="Documentation" href="docs.htm">read the docs</a>)</small></h2>
<a href="https://github.com/amsul/pickadate.js"><img width="124" height="124" style="position:absolute;top:0;right:0;border:0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<fieldset>
<h3><label for="input_01">Pick a date. Go ahead...</label></h3>
<input id="input_01" class="datepicker" name="date" type="date" autofocus value="">
</fieldset>
</section>
<script src="jquery.js"></script>
<script src="pickadate.js"></script>
<script type="text/javascript">
var $input = $( '[type=date], .datepicker' ).pickadate({
// first_day: 1,
month_selector: true,
year_selector: 9,
date_min: [ 2011, 10, 9 ],
date_max: [ 2013, 2, 14 ],
format: 'dddd dd, mmm, yyyy',
format_submit: 'yyyy/mm/dd',
onOpen: function() {
// console.log( 'opened' )
},
onClose: function() {
// console.log( 'closed' )
},
onSelect: function() {
// console.log( 'selected' )
},
onChangeMonth: function() {
// console.log( 'changed month' )
},
dates_disabled: [ 3, /*[2012,11,20], [2012,11,2], */5, /*[2012,11,5]*/ ]
})
// var picker = $input.data( 'pickadate' ).setDate( 2012, 10, 14 )
</script>