From 9f4c5bccadce006b5d751273443c95bafd02d8bd Mon Sep 17 00:00:00 2001 From: wlh Date: Thu, 11 Sep 2014 11:11:27 +0800 Subject: [PATCH] add --- index.html | 3 +-- main.css | 1 - ui/calendar.js | 34 ++++++++++++++++------------------ 3 files changed, 17 insertions(+), 21 deletions(-) diff --git a/index.html b/index.html index 4a928ed..75a37a6 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,7 @@ - +
diff --git a/main.css b/main.css index 5f28270..e69de29 100644 --- a/main.css +++ b/main.css @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/ui/calendar.js b/ui/calendar.js index 380e5b6..28cf0b1 100644 --- a/ui/calendar.js +++ b/ui/calendar.js @@ -21,9 +21,8 @@ var Calendar = (function(){ Calendar.prototype['showUI'] = function(callback){ var exist = document.getElementById('vczero_celldom_0'); - //如果存在节点：移除 if(!!exist){ - for(var e = 0; e < 35; e++){ + for(var e = 0; e < 42; e++){ var node = document.getElementById('vczero_celldom_' + e); node.onclick = null; //移除事件处理程序 this.div.removeChild(node); @@ -32,7 +31,7 @@ var Calendar = (function(){ var width = this.width, height = this.height, - cell = {width: (parseInt(width) - 20)/7, height: (parseInt(height) -30 - 20)/5}, + cell = {width: (parseInt(width) - 20)/7, height: (parseInt(height) -30 - 20)/6}, monthArr = this._monthPanel(this.date); this.div.style.paddingLeft = '8px'; this.div.style.border = '2px solid #57ABFF'; @@ -41,7 +40,7 @@ var Calendar = (function(){ this._addHeader(); this._addWeekday(); - for(var i = 0; i < 35; i++){ + for(var i = 0; i < 42; i++){ var cellDOM = document.createElement('div'); cellDOM.style.width = cell.width + 'px'; cellDOM.style.height = cell.height + 'px'; @@ -54,7 +53,7 @@ var Calendar = (function(){ cellDOM.setAttribute('date',monthArr.date[i]); //设置日期对象到DOM属性date上 cellDOM.innerHTML = monthArr.date[i].getDate(); //去掉最后一行横线 - if(i < 28){ + if(i < 35){ cellDOM.style.borderBottom = '1px solid #C8CACC'; } @@ -64,7 +63,6 @@ var Calendar = (function(){ this.div.appendChild(cellDOM); } - var _that = this; //使用父元素事件委托 this.div.addEventListener('click',function(e){ var node = e.target; @@ -93,7 +91,7 @@ var Calendar = (function(){ dateDiv.style.margin = '0 auto'; dateDiv.style.textAlign = 'center'; dateDiv.style.fontWeight = 'bold'; - dateDiv.id = 'vczero_datediv' + dateDiv.id = 'vczero_datediv'; //< DIV var leftDiv = document.createElement('div'); @@ -147,7 +145,7 @@ var Calendar = (function(){ dateDiv.appendChild(timeDiv); dateDiv.appendChild(rightDiv); this.div.appendChild(dateDiv); - } + }; //增加星期 Calendar.prototype._addWeekday = function(){ @@ -161,7 +159,7 @@ var Calendar = (function(){ } - for(var i = 0; i < 7; i++){ + for(var n = 0; n < 7; n++){ var weekday = document.createElement('div'); weekday.style.width = (parseInt(this.width) - 20)/7 + 'px'; weekday.style.height = '20px'; @@ -170,25 +168,25 @@ var Calendar = (function(){ weekday.style.color = '#BFBFBF'; weekday.style.fontWeight = 'bold'; weekday.style.textAlign = 'center'; - weekday.id = 'vczero_week_' + i; - weekday.innerHTML = Calendar.week[i]; + weekday.id = 'vczero_week_' + n; + weekday.innerHTML = Calendar.week[n]; this.div.appendChild(weekday); } - } + }; Calendar.prototype._monthPanel = function(date){ //如果传递了Date对象，则按Date对象进行计算月份面板 //否则，按照当前月份计算面板 - var date = date || new Date(), - year = date.getFullYear(), - month = date.getMonth(), - day = date.getDate(), - week = date.getDay(), + var myDate = date || new Date(), + year = myDate.getFullYear(), + month = myDate.getMonth(), + day = myDate.getDate(), + week = myDate.getDay(), currentDays = new Date(year, month + 1, 0).getDate(), preDays = new Date(year, month, 0).getDate(), firstDay = new Date(year, month, 1), firstCell = firstDay.getDay() === 0 ? 6 : firstDay.getDay() - 1, - bottomCell = 35 - currentDays - firstCell; + bottomCell = 42 - currentDays - firstCell; //前一个月该显示多少天 var preMonth = []; for(var p = firstCell; p > 0; p--){