-
Notifications
You must be signed in to change notification settings - Fork 0
/
event_post.html
112 lines (106 loc) · 3.25 KB
/
event_post.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
<div data-role="page" id="form_page" align="center">
<table>
<tr>
<td><label for="eorganizationid">Organization Name </label></td>
<td><input type="text" id="eorganizationid" name="eorganization" maxlength="20"/></td>
</tr>
<tr>
<td><label for="eemailid">Email </label></td>
<td><input type="text" id="eemailid" name="eemail" maxlength="20"/></td>
</tr>
<tr>
<td><label for="ephoneid">Phone </label></td>
<td><input type="text" id="ephoneid" name="ephone" maxlength="10"/></td>
</tr>
<tr>
<td><label for="econtactid">Contact </label></td>
<td><input type="text" id="econtactid" name="econtact" maxlength="50"/></td>
</tr>
<tr>
<td><label for="enameid">Event Name </label></td>
<td><input type="text" id="enameid" name="ename" maxlength="20"/></td>
</tr>
<tr>
<td><label for="etypeid">Event Type </label></td>
<td><input type="text" id="etypeid" name="etype" maxlength="20"/></td>
</tr>
<tr>
<td>Event Start </td>
<td>
<input type="text" id="estartdateid" name="estartdate"/>
<input type="text" id="estarttimeid" name="estarttime"/>
<script>
var element = $('#estartdateid');
element.datepicker
({
onSelect: function(dateText, inst)
{
console.log("\tstart date (before): " + dateText);
var temp = dateText.split('/');
var result = temp[2] + "-" + temp[1] + "-" + temp[0];
element.val(result);
console.log("\tstart date (after): " + element.val());
}
});
element = $('#estarttimeid');
element.timepicker
({
onSelect: onSelectCallback
});
function onSelectCallback(hour)
{
console.log("\tstart time (before): " + hour);
element.val(hour + ":00");
console.log("\tstart time (after): " + element.val());
}
</script>
</td>
</tr>
<tr>
<td>Event End </td>
<td>
<input type="text" id="eenddateid" name="eenddate"/>
<input type="text" id="eendtimeid" name="eendtime"/>
<script>
var element = $('#eenddateid');
element.datepicker
({
onSelect: function(dateText, inst)
{
console.log("\tend date (before): " + dateText);
var temp = dateText.split('/');
var result = temp[2] + "-" + temp[1] + "-" + temp[0];
element.val(result);
console.log("\tend date (after): " + element.val());
}
});
element = $('#eendtimeid');
element.timepicker
({
onSelect: onSelectCallback
});
function onSelectCallback(hour)
{
console.log("\tend time (before): " + hour);
element.val(hour + ":00");
console.log("\tend time (after): " + element.val());
}
</script>
</td>
</tr>
<tr>
<td><label for="elocationid">Event Location </label></td>
<td><textarea id="elocationid" name="elocation" rows="2" cols="60"></textarea></td>
</tr>
<tr>
<td><label for="edescriptionid">Event Description </label></td>
<td><textarea id="edescriptionid" name="edescription" rows="10" cols="60"></textarea></td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="button" name="submit" id="submitid" value="Submit"/>
</td>
</tr>
</table>
</form>
</div>