-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathcutetime.en.demo.html
106 lines (86 loc) · 3.17 KB
/
cutetime.en.demo.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
<html>
<head>
<title>CuteTime Plugin Demo (English)</title>
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="js/jquery.cuteTime.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
// both lines assign cuteTime controller to all 'timetamp' class objectes
$('.timestamp').cuteTime();
// returns a cuter string of the passed in datetime
$('.predetermined').text(" -> "+$.cuteTime('2009/10/16 22:11:19'));
my_cutetime = $('.timestamp_move').cuteTime({ refresh: 10000 });
// ISO8601 test
$('.predetermined3').html(" -> "+$.cuteTime('2009'));
$('.predetermined4').html(" -> "+$.cuteTime('2009-11'));
$('.predetermined5').html(" -> "+$.cuteTime('2009-11-16'));
$('.predetermined6').html(" -> "+$.cuteTime('2009-11-24T19:20+01:00'));
$('.predetermined7').html(" -> "+$.cuteTime('2009-11-24T19:20:30+01:00'));
$('.predetermined71').html(" -> "+$.cuteTime('2009-11-249T19:20:30+01:00'));
$('.predetermined8').html(" -> "+$.cuteTime('2010-04-06T19:59:30.45+01:00'));
$('.predetermined9').html(" === "+$.cuteTime('2010-04-06T15:15:30-04:00'));
$('.predetermined10').html(" === "+$.cuteTime('2009-11-24T13:15:30Z'));
});
</script>
</head>
<body>
<a href="http://tpgblog.com/cutetime" target="_top">return to CuteTime HomePage >>></a>
<br><br>
<div class="timestamp">
2009/10/12 22:11:19
</div>
<div class="timestamp">
2008/11/01 07:11:00
</div>
<div class="timestamp">
2018/11/01 07:11:00
</div>
<div class="timestamp"></div>
<div class="timestamp" data-timestamp="1980/10/12 22:11:19">
2009/10/12 22:11:19
</div>
<div class="timestamp" data-timestamp="asd">
10/12/2009 22:11:19
</div>
<div class="timestamp" data-timestamp="asd">
aoisd
</div>
<div class="timestamp" data-timestamp="asd"></div>
<div class='predetermined'></div>
<!------------------------------------------------------------------------------->
<div>
<a href="#" onClick="$(my_cutetime).cuteTime.start_cuteness();">start</a> |
<a href="#" onClick="$(my_cutetime).cuteTime.stop_cuteness();">stop</a> |
<a href="#" onClick="$(my_cutetime).cuteTime.update_cuteness();">update</a>
</div>
<div class="timestamp_move">
2009/10/12 22:11:19
</div>
<div class="timestamp_move">
2008/11/01 07:11:00
</div>
<div class="timestamp_move">
2018/11/01 07:11:00
</div>
<div class="timestamp_move"></div>
<div class="timestamp_move" data-timestamp="1980 10 12 22:11:19">
2009/10/12 22:11:19
</div>
<div class="timestamp_move" data-timestamp="asd">
2009/10/12 22:11:19
</div>
<div class="timestamp_move" data-timestamp="asd">
aoisd
</div>
<div class="timestamp_move" data-timestamp="asd"></div>
<div class='predetermined3'></div>
<div class='predetermined4'></div>
<div class='predetermined5'></div>
<div class='predetermined6'></div>
<div class='predetermined7'></div>
<div class='predetermined71'></div>
<div class='predetermined8'></div>
<div class='predetermined9'></div>
<div class='predetermined10'></div>
</body>
</html>