Skip to content
Permalink
Browse files

More datepicker demonstrations

  • Loading branch information
Keith Wood
Keith Wood committed Jun 11, 2008
1 parent 9aeec7f commit 84f453e424a95b122b745c28d05ab9ff37c39da2
@@ -21,16 +21,38 @@
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.accordion.js"></script>
<script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-zh-CN.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-zh-TW.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-id.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-ar.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-bg.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-ca.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-cs.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-da.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-de.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-es.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-fi.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-fr.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-he.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-hu.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-hy.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-id.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-is.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-it.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-ja.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-ko.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-lt.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-lv.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-nl.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-no.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-pl.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-pt-BR.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-ro.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-ru.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-sk.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-sv.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-th.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-tr.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-uk.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-zh-CN.js"></script>
<script type="text/javascript" src="../../ui/i18n/ui.datepicker-zh-TW.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
@@ -126,10 +148,10 @@ <h2>

<ul class="component-links">
<li><a href="#ui.accordion" title="Goto Accordion's Component Page">Accordion</a></li>
<li><a href="#ui.tabs" title="Goto Tabs Component Page">Tabs</a></li>
<li><a href="#ui.slider" title="Goto Slider Component Page">Slider</a></li>
<li><a href="#ui.dialog" title="Goto Dialog's Component Page">Dialog</a></li>
<li><a href="#ui.datepicker" title="Goto Datepicker's Component Page">Datepicker</a></li>
<li><a href="#ui.dialog" title="Goto Dialog's Component Page">Dialog</a></li>
<li><a href="#ui.slider" title="Goto Slider Component Page">Slider</a></li>
<li><a href="#ui.tabs" title="Goto Tabs Component Page">Tabs</a></li>
</ul>
</div>

Binary file not shown.
Binary file not shown.
Binary file not shown.
File renamed without changes.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,35 @@
<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)' : '');
}
</script>
@@ -0,0 +1,6 @@
<input type="text" size="10" value="" id="dialog" readonly="readonly"/> <button id="dialogButton">Open dialog</button>
<script type="text/javascript">
function setDateFromDialog(date) {
$('#dialog').val(date);
}
</script>

0 comments on commit 84f453e

Please sign in to comment.
You can’t perform that action at this time.