jquery-durationpicker-plugin/index.htm at master · DavidVotrubec/jquery-durationpicker-plugin · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<html>
<head>
	<title>DurationPicker Demo</title>

	<meta http-equiv="X-UA-Compatible" content="IE=edge" />

	<link rel="stylesheet" href="scripts/jqueryui/themes/smoothness/jquery-ui-1.8.7.custom.css"/>
	<link rel="stylesheet" href="demo.css"/>

	<link rel="stylesheet" href="scripts/jquery.dv/jquery.dv.datepicker/jquery.dv.datepicker.css"/>
	<link rel="stylesheet" href="scripts/jquery.dv/jquery.dv.durationpicker/jquery.dv.durationpicker.css"/>

	<script src="scripts/head.min.js" type="text/javascript"></script>
	<script>
		head.js(
			'scripts/jquery-1.4.4.min.js'
			, 'scripts/jqueryui/jquery-ui-1.8.7.custom.min.js'
			, 'scripts/jquery/jquery.maskedinput/jquery.maskedinput.js'
			, 'scripts/consolecheck.js'
			, 'scripts/dateformat.js'
			, 'scripts/datehelper.js'
			, 'scripts/timehelper.js'
			, 'scripts/stringextension.js'
			, 'scripts/jquery.dv/jquery.dv.datepicker/jquery.dv.datepicker.js'
			, 'scripts/jquery.dv/jquery.dv.durationpicker/jquery.dv.durationpicker.js'
			, function() {
				$('.durationpicker').each(function() {
					$(this).durationpicker();
				});
			}
		);
	</script>

</head>

<body>

	<div class="main">
		<form action="#">
			<div class="durationPicker aaa" id="killme">
				<input class="dateFrom"/>
				<input class="timeFrom"/>
				<input class="timeTo" id="o"/>
				<input class="dateTo"/>
				<span style="float:right;">
					<input class="wholeDayCheckbox" type="checkbox" id="1"/><label for="1">Whole day</label>
				</span>
			</div>


			<br/>
			<br/>
			<div class="durationPicker jinaClassa" data-dateFormat="dd.mm.yyyy" data-timeformat="hh:MM tt" id="killyou">
				<input class="customDate dateFrom"/>
				<input class="timeFrom"/>
				<input class="timeTo"  id="oo"/>
				<input class="customDate dateTo"/>
				<span style="float:right;">
					<input class="wholeDayCheckbox" type="checkbox" id="2"/><label for="2">Whole day</label>
				</span>
			</div>


			<br/>
			<br/>
			<div class="durationPicker uplneJinaClassa" data-dateFormat="dd-mm-yyyy" data-timeformat="hh:MM tt" id="killyou2">
				<input class="customDate dateFrom"/>
				<input class="timeFrom"/>
				<input class="timeTo" id="ooo"/>
				<input class="customDate dateTo"/>
				<span style="float:right;">
					<input class="wholeDayCheckbox" type="checkbox" id="3"/><label for="3">Whole day</label>
				</span>
			</div>
		</form>
	</div>

</body>
</html>