<div> <div>/* -- DO NOT REMOVE --</div> <div> * jQuery DCalendar 1.1 and DCalendar Picker 1.3 plugin</div> <div> * </div> <div> * Author: Dionlee Uy</div> <div> * Email: [email protected]</div> <div> *</div> <div> * Date: Sat Mar 2 2013</div> <div> *</div> <div> * @requires jQuery</div> <div> * -- DO NOT REMOVE --</div> <div> */</div> <div>if (typeof jQuery === 'undefined') { throw new Error('DCalendar.Picker: This plugin requires jQuery'); }</div> <div> </div> <div>+function ($) {</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>Date.prototype.getDays = function() { return new Date(this.getFullYear(), this.getMonth() + 1, 0).getDate(); };</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var months = ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>short_months = ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>daysofweek = ['일요일','월요일','화요일','수요일','목요일','금요일','토요일'],</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>DCalendar = function(elem, options) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>    this.calendar = $(elem);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.today = new Date();<span class="Apple-tab-span" style="white-space:pre;"> </span>//system date</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>//current selected date, default is today if no value given</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(this.calendar.prev().val() === '') {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.date = new Date();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>} else {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var dateObj = this.reformatDate(this.calendar.prev().val());</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.date = isNaN(parseInt(dateObj.m)) ? new Date(dateObj.m + " " + dateObj.d + ", " + dateObj.y) : new Date(dateObj.y, dateObj.m - 1, dateObj.d);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.viewMode = 'days';</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.options = options;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.selected = (this.date.getMonth() + 1) + "/" + this.date.getDate() + "/" + this.date.getFullYear();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.minDate = this.calendar.prev().data('mindate');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.maxDate = this.calendar.prev().data('maxdate');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(options.mode === 'calendar')</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.tHead = $('<thead><tr><th id="prev">&lsaquo;</th><th colspan="5" id="currM"></th><th id="next">&rsaquo;</th></tr><tr><th>일</th><th>월</th><th>화</th><th>수</th><th>목</th><th>금</th><th>토</th></tr></thead>');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>else if (options.mode === 'datepicker')</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.tHead = $('<thead><tr><th id="prev">&lsaquo;</th><th colspan="5" id="currM"></th><th id="next">&rsaquo;</th></tr><tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr></thead>');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.tHead.find('#currM').text(this.today.getFullYear() + " " + months[this.today.getMonth()]);  </div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.calendar.prepend(this.tHead);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var that = this;</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.calendar.on('click', '#next', function() { initCreate('next'); })</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>.on('click', '#prev', function() { initCreate('prev'); })</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>.on('click', '#today', function() {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.viewMode = 'days';</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var curr = new Date(that.date),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>sys = new Date(that.today);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(curr.toString() != sys.toString()) { that.date = sys; }</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.create('days');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}).on('click', '.date, .pMDate, .nMDate', function() {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>location.href='./calendar_form.php'</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var isPrev = $(this).hasClass('pMDate'),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>isNext = $(this).hasClass('nMDate'),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>sdate = $(this).text(),//////////////////////////////날짜 클릭시 클릭한 날짜변환</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>cmonth = that.date.getMonth(),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>cyear = that.date.getFullYear(),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>min = that.minDate === "today" ? new Date(that.today.getFullYear(), that.today.getMonth(), that.today.getDate()) : new Date(that.minDate),</div> <div>                <span class="Apple-tab-span" style="white-space:pre;"> </span>max = that.maxDate === "today" ? new Date(that.today.getFullYear(), that.today.getMonth(), that.today.getDate()) : new Date(that.maxDate);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>/* Calculate year */</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(isPrev) { cyear = (cmonth === 0 ? cyear - 1 : cyear); }</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>else if(isNext) { cyear = (cmonth + 2 === 13 ? cyear + 1 : cyear); }</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>/* Calculate month */</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(isPrev) { cmonth = (cmonth === 0 ? '12' : cmonth); }</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>else if (isNext) { cmonth = (cmonth + 2 === 13 ? '1' : cmonth + 2); }</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>else { cmonth = cmonth + 1; }</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>// Selected date</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var selected = new Date(cyear, cmonth - 1, sdate);</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>console.log(cmonth);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>console.log(selected);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if ((that.minDate && selected < min) || (that.maxDate && selected > max)) return;</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.selected = cyear + '.' + cmonth + '.' + sdate;</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(that.options.mode === 'datepicker') {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.calendar.find('td').removeClass('selected');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$(this).addClass('selected');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.selectDate();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>return true;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}).on('click', '#currM', function(){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.viewMode = 'months';</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.create(that.viewMode);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}).on('click', '.month', function(e){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.viewMode = 'days';</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var curr = new Date(that.date), y = that.calendar.find('#currM').text();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>curr.setMonth($(e.currentTarget).attr('num'));</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.date = curr;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.create(that.viewMode);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>function initCreate(o){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var curr = new Date(that.date),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>currMonth = curr.getMonth(),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>currYear = curr.getFullYear();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>curr.setDate(1);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(that.viewMode === 'days') {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>curr.setMonth(currMonth + (o === 'next' ? 1 : -1));</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>} else {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>curr.setFullYear(currYear + (o === 'next' ? 1 : - 1));</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.date = curr;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.create(that.viewMode);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.create(this.viewMode);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>DCalendar.prototype = {</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>constructor : DCalendar, </div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>setDate : function() {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var that = this,</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dateObj = that.reformatDate(that.calendar.prev().val()),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>value = isNaN(parseInt(dateObj.m)) ? new Date(dateObj.m + " " + dateObj.d + ", " + dateObj.y) : new Date(dateObj.y, dateObj.m - 1, dateObj.d);</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.selected = value.getFullYear() + "/" + (value.getMonth() + 1) + "/" +value.getDate();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.selectDate();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.date = value;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.create(that.viewMode);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>},</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>selectDate : function () {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var that = this,</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>newDate = that.formatDate(that.options.format),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>e = $.Event('selectdate', {date: newDate});</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.calendar.trigger(e);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>},</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>reformatDate : function (date) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var that = this,</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>format = that.options.format;</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>return {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>m: date.substring(format.indexOf('m'), format.lastIndexOf('m') + 1),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>d: date.substring(format.indexOf('d'), format.lastIndexOf('d') + 1),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>y: date.substring(format.indexOf('y'), format.lastIndexOf('y') + 1)</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>};</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>},</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>formatDate : function (format) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var that = this;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var d = new Date(that.selected), day = d.getDate(), m = d.getMonth(), y = d.getFullYear();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>return format.replace(/(yyyy|yy|mmmm|mmm|mm|m|dd|d)/gi, function (e) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>switch(e.toLowerCase()){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>case 'd': return day;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>case 'dd': return (day < 10 ? "0"+day: day);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>case 'm': return m+1;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>case 'mm': return (m+1 < 10 ? "0"+(m+1): (m+1));</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>case 'mmm': return short_months[m];</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>case 'mmmm': return months[m];</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>case 'yy': return y.toString().substr(2,2);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>case 'yyyy': return y;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>},</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>create : function(mode){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var that = this, cal = [], </div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>tBody = $('<tbody></tbody>'), </div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>d = new Date(that.date.getFullYear(), that.date.getMonth(), that.date.getDate()),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>days = that.date.getDays(),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>day = 1, nStartDate = 1,</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>selDate = that.selected.split('/'),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>selected = new Date(selDate[2], selDate[0] -1, selDate[1]),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>today = new Date(that.today.getFullYear(), that.today.getMonth(), that.today.getDate()),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>min = that.minDate === "today" ? today : new Date(that.minDate),</div> <div>                max = that.maxDate === "today" ? today : new Date(that.maxDate);</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.calendar.empty();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(mode === "days") {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(that.options.mode === 'calendar') {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.tHead = $('<thead><tr><th id="prev">&lsaquo;</th><th colspan="5" id="currM"></th><th id="next">&rsaquo;</th></tr><tr><th>일</th><th>월</th><th>화</th><th>수</th><th>목</th><th>금</th><th>토</th></tr></thead>');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>} else if (that.options.mode === 'datepicker') {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.tHead = $('<thead><tr><th id="prev">&lsaquo;</th><th colspan="5" id="currM"></th><th id="next">&rsaquo;</th></tr><tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr></thead>');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.tHead.find('#currM').text(that.date.getFullYear()+ "년"　+ " " + months[that.date.getMonth()]);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.calendar.append(that.tHead);</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>for(var i = 1; i <= 6; i++){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var temp = [$('<td></td>'),$('<td></td>'),$('<td></td>'),$('<td></td>'),$('<td></td>'),$('<td></td>'),$('<td></td>')];</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>while(day <= days){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>d.setDate(day)</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var dayOfWeek = d.getDay();</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(d.getTime() == today.getTime()) temp[dayOfWeek].attr('id', 'currDay');</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if ((that.minDate && d < min) || (that.maxDate && d > max)) temp[dayOfWeek].addClass('disabled');</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(that.options.mode === 'datepicker' && d.getTime() == selected.getTime()) temp[dayOfWeek].addClass('selected');</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(i === 1 && dayOfWeek === 0) break; </div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>else if(dayOfWeek < 6) temp[dayOfWeek].html('<span>'+(day++)+'</span>').addClass('date');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>else {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>temp[dayOfWeek].html('<span>'+(day++)+'</span>').addClass('date');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>break;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>/* For days of previous and next month */</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if (i === 1 || i > 4) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>// First week</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if (i === 1) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var p = new Date(that.date.getFullYear(), that.date.getMonth() - 1, 1),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>pMonth = p.getMonth(), pDays = p.getDays();</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>for (var a = 6; a >= 0; a--) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if (temp[a].text() === ''){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>p.setDate(pDays);</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>temp[a].html('<span>' + (pDays--)+ '</span>').addClass('pMDate');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if ((that.minDate && p < min) || (that.maxDate && p > max)) temp[a].addClass('disabled');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if (that.options.mode === 'datepicker' && p.getTime() == selected.getTime()) temp[a].addClass('selected');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>} </div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>// Last week</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>else if (i > 4) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var nextMonth = new Date(that.date.getFullYear(), that.date.getMonth() + 1, 1);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>for (var a = 0; a <= 6; a++) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if (temp[a].text() === ''){</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>nextMonth.setDate(nStartDate);</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>temp[a].html('<span>' + (nStartDate++) + '</span>').addClass('nMDate');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if ((that.minDate && nextMonth < min) || (that.maxDate && nextMonth > max)) temp[a].addClass('disabled');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if (that.options.mode === 'datepicker' && nextMonth.getTime() == selected.getTime()) temp[a].addClass('selected');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>cal.push(temp);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$.each(cal, function(i, v){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var row = $('<tr></tr>'), l = v.length;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>for(var i = 0; i < l; i++) { row.append(v[i]); }</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>tBody.append(row);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var sysDate = "Today: " + daysofweek[that.today.getDay()] + ", " + months[that.today.getMonth()] + " " + that.today.getDate() + ", " + that.today.getFullYear();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>tBody.append('<tr><td colspan="7" id="today">' + sysDate + '</td></tr>').appendTo(that.calendar);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>} else {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>this.tHead = $('<thead><tr><th id="prev">&lsaquo;</th><th colspan="2" id="currM"></th><th id="next">&rsaquo;</th></tr>');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.tHead.find('#currM').text(that.date.getFullYear());</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.tHead.appendTo(that.calendar);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var currI = 0;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>for (var i = 0; i < 3; i++) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var row = $('<tr></tr>');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>for (var x = 0; x < 4; x++) {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var col = $('<td align="center"></td>');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var m = $('<span class="month" num="' + currI + '">' + short_months[currI] + '</span>');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>col.append(m).appendTo(row);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>currI++;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>tBody.append(row);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var sysDate = "Today: " + daysofweek[that.today.getDay()] + ", "+ months[that.today.getMonth()] + " " + that.today.getDate() + ", " + that.today.getFullYear();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>tBody.append('<tr><td colspan="4" id="today">' + sysDate + '</td></tr>').appendTo(that.calendar);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>/* DEFINITION FOR DCALENDAR */</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$.fn.dcalendar = function(opts){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>return $(this).each(function(index, elem){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var that = this;</div> <div> <span class="Apple-tab-span" style="white-space:pre;"> </span>var $this = $(that),</div> <div> <span class="Apple-tab-span" style="white-space:pre;"> </span>data = $(that).data('dcalendar'),</div> <div> <span class="Apple-tab-span" style="white-space:pre;"> </span>options = $.extend({}, $.fn.dcalendar.defaults, $this.data(), typeof opts === 'object' && opts);</div> <div> <span class="Apple-tab-span" style="white-space:pre;"> </span>if(!data){</div> <div> <span class="Apple-tab-span" style="white-space:pre;"> </span>$this.data('dcalendar', (data = new DCalendar(this, options)));</div> <div> <span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div> <span class="Apple-tab-span" style="white-space:pre;"> </span>if(typeof opts === 'string') data[opts]();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$.fn.dcalendar.defaults = {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>mode : 'calendar',</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>format: 'mm.dd.yyyy',</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>};</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$.fn.dcalendar.Constructor = DCalendar;</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>/* DEFINITION FOR DCALENDAR PICKER */</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$.fn.dcalendarpicker = function(opts){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>return $(this).each(function(){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var that = $(this),</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>hovered = false, selectedDate = false,</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>cal = null;</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(typeof opts === 'string') {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var data = that.next('.calendar').data('dcalendar');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>data[opts]();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>} else {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>cal = $('<table class="calendar"></table>');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.wrap($('<div class="datepicker" style="display:inline-block;position:relative;"></div>'));</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>cal.css({</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>position:'absolute',</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>left:0, display:'none',</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>'box-shadow':'0 4px 6px 1px rgba(0, 0, 0, 0.14)',</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>width:'230px',</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}).appendTo(that.parent());</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(opts){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>opts.mode = 'datepicker';</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>cal.dcalendar(opts);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>} else{</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>cal.dcalendar({mode: 'datepicker'});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>cal.hover(function(){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>hovered = true;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}, function(){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>hovered = false;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}).on('click', function(){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>if(!selectedDate)</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.focus();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>else {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>selectedDate = false;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$(this).hide();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}).on('selectdate', function(e){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.val(e.date).trigger('onchange');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>    that.trigger($.Event('dateselected', {date: e.date, elem: that}));</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>selectedDate = true;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>that.on('keydown', function(e){ if(e.which) return false; })</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>.on('focus', function(){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$('.datepicker').find('.calendar').not(cal).hide();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>cal.show();</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>})</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>.on('blur', function(){ if(!hovered) cal.hide(); });</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div>}(jQuery);</div></div> <div>날짜 클릭시 클릭된 날짜 변환</div> <div>제가 달력으로 일정관리하는 프로그램을 짜고있는데요 이부분이 날짜 하나하나 클릭하는 소스같은데</div> <div>제가 궁금한건 날짜 하나를 클릭했을때 일정관리 하는 폼으로 넘어가고 그폼에서 디비로 일정이 저장이 되는데 </div> <div>그 클릭한 날짜에 일정을 뿌리고싶은데 어떻게해야할지 모르겠어요</div> <div>일단 <span style="font-size:9pt;line-height:1.5;">sdate가 </span><span style="font-size:9pt;line-height:1.5;">날짜 클릭시 클릭된 날짜 변환 해주는 변수 같습니다.</span></div> <div><span style="font-size:9pt;line-height:1.5;">사실 궁극적인 질문은 이 달력이 테이블 형태로 되어있는데 날짜가 있는 td를 못찾겠습니다. 한줄씩 지워가면서 해봐도 </span></div> <div><span style="font-size:9pt;line-height:1.5;">못찾겠어서 이렇게 무례하지만 질문드립니다...</span></div>