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
|
/*
datepickr - pick your date not your nose
Copyright (c) 2010 josh.salverda - Apache License 2.0
https://code.google.com/p/datepickr/
*/
function datepickr(targetElement, userConfig) {
var config = {
fullCurrentMonth: true,
dateFormat: 'F jS, Y',
firstDayOfWeek: 1,
weekdays: ['Sun', 'Mon', 'Tues', 'Wednes', 'Thurs', 'Fri', 'Satur'],
months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
suffix: { 1: 'st', 2: 'nd', 3: 'rd', 21: 'st', 22: 'nd', 23: 'rd', 31: 'st' },
defaultSuffix: 'th'
},
currentDate = new Date(),
// shortcuts to get date info
get = {
current: {
year: function() {
return currentDate.getFullYear();
},
month: {
|
|
>
>
>
|
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
|
/*
datepickr - pick your date not your nose
Copyright (c) 2010 josh.salverda - 2012 bohwaz Apache License 2.0
https://code.google.com/p/datepickr/
http://dev.kd2.org/garradin/
*/
function datepickr(targetElement, userConfig) {
var config = {
fullCurrentMonth: true,
dateFormat: 'F jS, Y',
firstDayOfWeek: 1,
weekdays: ['Sun', 'Mon', 'Tues', 'Wednes', 'Thurs', 'Fri', 'Satur'],
months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
suffix: { 1: 'st', 2: 'nd', 3: 'rd', 21: 'st', 22: 'nd', 23: 'rd', 31: 'st' },
defaultSuffix: 'th'
},
currentDate = new Date(),
currentPosition = new Array(0,0),
currentMaxRows = 4,
// shortcuts to get date info
get = {
current: {
year: function() {
return currentDate.getFullYear();
},
month: {
|
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
|
function buildCalendar() {
// get the first day of the month we are currently viewing
var firstOfMonth = new Date(currentYearView, currentMonthView, config.firstDayOfWeek).getDay(),
// get the total number of days in the month we are currently viewing
numDays = get.month.numDays(),
// declare our day counter
dayCount = 0,
html = document.createDocumentFragment(),
row = build('tr');
// print out previous month's "days"
for(i = 1; i <= firstOfMonth; i++) {
row.appendChild(build('td', {}, ' '));
dayCount++;
}
for(i = 1; i <= numDays; i++) {
// if we have reached the end of a week, wrap to the next line
if(dayCount == 7) {
html.appendChild(row);
row = build('tr');
dayCount = 0;
}
// output the text that goes inside each td
// if the day is the current day, add a class of "today"
row.appendChild(build('td', { className: (i == get.current.day() && currentMonthView == get.current.month.integer() && currentYearView == get.current.year()) ? 'today' : '' }, build('a', { href: 'javascript:void(0)' }, i)));
dayCount++;
}
// if we haven't finished at the end of the week, start writing out the "days" for the next month
for(i = 1; i <= (7 - dayCount); i++) {
row.appendChild(build('td', {}, ' '));
}
html.appendChild(row);
return html;
}
function open() {
document.onmousedown = function(e) {
e = e || window.event;
|
>
|
>
|
>
>
>
>
>
|
>
>
|
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
|
function buildCalendar() {
// get the first day of the month we are currently viewing
var firstOfMonth = new Date(currentYearView, currentMonthView, config.firstDayOfWeek).getDay(),
// get the total number of days in the month we are currently viewing
numDays = get.month.numDays(),
// declare our day counter
dayCount = 0,
weekCount = 0,
html = document.createDocumentFragment(),
row = build('tr');
// print out previous month's "days"
for(i = 1; i <= firstOfMonth; i++) {
row.appendChild(build('td', {}, ''));
dayCount++;
}
for(i = 1; i <= numDays; i++) {
// if we have reached the end of a week, wrap to the next line
if(dayCount == 7) {
html.appendChild(row);
row = build('tr');
dayCount = 0;
weekCount++;
}
// output the text that goes inside each td
// if the day is the current day, add a class of "today"
var today = (i == get.current.day() && currentMonthView == get.current.month.integer() && currentYearView == get.current.year());
if (today)
{
currentPosition = [weekCount+1, dayCount];
}
row.appendChild(build('td', { className: today ? 'today' : '' }, build('a', { href: 'javascript:void(0)' }, i)));
dayCount++;
}
// if we haven't finished at the end of the week, start writing out the "days" for the next month
for(i = 1; i <= (7 - dayCount); i++) {
row.appendChild(build('td', {}, ''));
}
html.appendChild(row);
currentMaxRows = weekCount+1;
return html;
}
function open() {
document.onmousedown = function(e) {
e = e || window.event;
|
256
257
258
259
260
261
262
263
264
265
266
267
268
269
|
break;
}
}
}
e.preventDefault();
}
handleMonthClick();
container.style.display = 'block';
}
function close() {
document.onmousedown = null;
|
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
|
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
|
break;
}
}
}
e.preventDefault();
}
document.onkeypress = function(e) {
var k = e.keyCode || e.which;
if (k == 33) // PgUp
{
e.preventDefault();
currentMonthView--;
return handleMonthClick();
}
else if (k == 34) // PgDn
{
e.preventDefault();
currentMonthView++;
return handleMonthClick();
}
else if (k >= 37 && k <= 40) // Arrows
{
e.preventDefault();
var pos = currentPosition.slice();
if (k == 37) { // left
if (pos[1] == 0) return;
pos[1]--;
}
else if (k == 38) { // up
if (pos[0] <= 1) return;
pos[0]--;
}
else if (k == 39) { // right
if (pos[1] == 6) return;
pos[1]++;
}
else { // down
if (pos[0] == currentMaxRows) return;
pos[0]++;
}
var table = container.getElementsByTagName('table')[0];
var row = table.getElementsByTagName('td')[pos[0]*7+pos[1]-7];
if (row.innerHTML == "") return;
table.getElementsByTagName('td')[currentPosition[0]*7+currentPosition[1]-7].className = '';
row.className = 'today';
currentPosition = pos;
currentDate = new Date(currentYearView, currentMonthView, row.firstChild.innerHTML);
}
else if (k == 13 || k == 32)
{
element.value = formatDate(currentDate.getTime());
close();
e.preventDefault();
return false;
}
}
handleMonthClick();
container.style.display = 'block';
}
function close() {
document.onmousedown = null;
|
378
379
380
381
382
383
384
385
|
document.addEventListener("DOMContentLoaded", dateInputFallback, false);
}
else
{
document.attachEvent("onDOMContentLoaded", dateInputFallback);
}
} () );
|
<
|
446
447
448
449
450
451
452
|
document.addEventListener("DOMContentLoaded", dateInputFallback, false);
}
else
{
document.attachEvent("onDOMContentLoaded", dateInputFallback);
}
} () );
|