-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (109 loc) · 3.85 KB
/
index.html
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>weekCalendar</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.10.4.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/weekCalendar.css">
</head>
<body>
<div class="container">
<div class="row">
<button class="btn btn-default" type="button" onclick="test()">
Test
</button>
</div>
<div class="row">
<span>select-result:</span> <span id="select-result"></span>
</div>
<div class="row">
<div class='col-md-8 col-md-offset-2'>
<div id="target"></div>
</div>
</div>
</div>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui-1.10.4.min.js"></script>
<script src="js/weekCalendar.js"></script>
<script>
function test(){
$("#select-result").html('');
$("#target").html('');
$("#target").weekCalendar({
divisions: 4,
startWeekDay: 1,
i18n: {
weekDay0: "Domingo",
weekDay1: "Lunes",
weekDay2: "Martes",
weekDay3: "Miercoles",
weekDay4: "Jueves",
weekDay5: "Viernes",
weekDay6: "Sabado",
deleteLabel: "<i class='glyphicon glyphicon-trash'></i> Borrar"
},
style: {
height: 40
}
});
}
</script>
<script>
function cb(item) {
var items = $("#target").weekCalendar('serialize')[0];
var value = "";
for (var x in items) {
value = value + items[x].id + " ";
}
$("#select-result").html(value);
}
$("#target").weekCalendar({
afterDeleteCallback: cb,
addItemCallback: function (cal){
cb.call(this);
console.log(cal)
},
divisions: 4,
debug: true,
startWeekDay: 1,
i18n: {
weekDay0: "Domingo",
weekDay1: "Lunes",
weekDay2: "Martes",
weekDay3: "Miercoles",
weekDay4: "Jueves",
weekDay5: "Viernes",
weekDay6: "Sabado",
deleteLabel: "<i class='glyphicon glyphicon-trash'></i> Borrar",
},
style: {
// padding: true,
// selectingColor: "green",
// selectedColor: "blue",
height: 40
}
});
var customTime = {
toHour: 5,
toMinute: 30,
toWeekDay: 0,
fromHour: 4,
fromMinute: 30,
fromWeekDay: 6
};
$("#target").weekCalendar('addCustomTime', customTime);
var customTime2 = {
fromHour: 1,
fromMinute: 15,
fromWeekDay: 1,
toHour: 4,
toMinute: 0,
toWeekDay: 1,
};
$("#target").weekCalendar('addCustomTime', customTime2);
</script>
</body>
</html>