mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
d165e454b4
Demonstrate inline disabled datepicker Demonstrate big previous/next links
40 lines
2.4 KiB
HTML
40 lines
2.4 KiB
HTML
<input type="text" size="10" value="" id="dayByDay"/>
|
|
<style type="text/css">
|
|
.ar_day { color: white !important; background: #eee url(templates/images/ar.gif) no-repeat center !important; }
|
|
.au_day { color: blue !important; background: #eee url(templates/images/au.gif) no-repeat center !important; }
|
|
.br_day { color: green !important; background: #eee url(templates/images/br.gif) no-repeat center !important; }
|
|
.cn_day { color: red !important; background: #eee url(templates/images/cn.gif) no-repeat center !important; }
|
|
.id_day { color: white !important; background: #eee url(templates/images/id.gif) no-repeat center !important; }
|
|
.ie_day { color: white !important; background: #eee url(templates/images/ie.gif) no-repeat center !important; }
|
|
.ke_day { color: red !important; background: #eee url(templates/images/ke.gif) no-repeat center !important; }
|
|
.lb_day { color: white !important; background: #eee url(templates/images/lb.gif) no-repeat center !important; }
|
|
.nz_day { color: blue !important; background: #eee url(templates/images/nz.gif) no-repeat center !important; }
|
|
.se_day { color: blue !important; background: #eee url(templates/images/se.gif) no-repeat center !important; }
|
|
.us_day { color: white !important; background: #eee url(templates/images/us.gif) no-repeat center !important; }
|
|
.za_day { color: green !important; background: #eee url(templates/images/za.gif) no-repeat center !important; }
|
|
</style>
|
|
<script type="text/javascript">
|
|
var natDays = [[1, 26, "au"], [2, 6, "nz"], [3, 17, "ie"], [4, 27, "za"], [5, 25, "ar"], [6, 6, "se"],
|
|
[7, 4, "us"], [8, 17, "id"], [9, 7, "br"], [10, 1, "cn"], [11, 22, "lb"], [12, 12, "ke"]];
|
|
|
|
function nationalDays(date) {
|
|
for (i = 0; i < natDays.length; i++) {
|
|
if (date.getMonth() == natDays[i][0] - 1 && date.getDate() == natDays[i][1]) {
|
|
return [false, natDays[i][2] + "_day"];
|
|
}
|
|
}
|
|
return [true, ""];
|
|
}
|
|
|
|
function highlightToday(date, inst) {
|
|
var today = new Date();
|
|
today = new Date(today.getFullYear(), today.getMonth(), today.getDate());
|
|
return $.datepicker.dateStatus(date, inst) +
|
|
(today.getTime() == date.getTime() ? " (today)" : "");
|
|
}
|
|
|
|
function showDayOfYear(date) {
|
|
var lastYearEnd = new Date(date.getFullYear() - 1, 12 - 1, 31, 0, 0, 0, 0);
|
|
return [true, "", "Day " + ((date.getTime() - lastYearEnd.getTime()) / 86400000) + " of the year"];
|
|
}
|
|
</script> |