主页 / 问题 / 890051
Accepted
Чайник
Asked:2020-10-07 17:28:15 +0000 UTC2020-10-07 17:28:15 +0000 UTC

javascript 日历。我无法删除最后的日期

  • 772

有一个添加日历的功能，我还不太懂js，有两个问题。

1）函数在月底添加下个月日期的单元格，如何避免这种情况。

2）如果您仍然需要一个带有填充单元格的日历，如何在日历开始时用上个月的数字填充单元格？

	calendar(document.getElementById('calendar'));

	function calendar(div){
	
		var nowDate = new Date();
		var today = nowDate.getDate();
		var currentMonth = nowDate.getMonth();//ТЕКУЩИЙ МЕСЯЦ
		var currentYear = nowDate.getFullYear();
		var temp = new Date(currentYear, currentMonth + 1, 0);//колличество дней в текущем месяце
		var lastDay = temp.getDate();// последний день месяца
	
		var d = new Date(currentYear, currentMonth, 1);//начало текущего месяца
		var currentDay = d.getDate();
		var table = document.createElement('table');
	
		var TEST = '<tr><td>Пн</td><td>Вт</td><td>Ср</td><td>Чт</td><td>Пт</td><td>Сб</td><td>Вс</td></tr>';
			table.innerHTML = TEST;
		
			var weekday = d.getDay() - 1;
			if(weekday < 0) { 
				weekday = 6; 
			}
		
			var a = 0;
			while(d.getMonth() == currentMonth){
			
				var i = 0;
				var tr = document.createElement('tr');
			
				while(i < 7){//пока i меньше чем кол-во дней недели
					var td = document.createElement('td');
					if(a == 0){
						if(i < weekday){
							//забиваем пустые значения
							td.innerText = '';
						}else{
							//заполняем числами первый ряд
							td.innerText = d.getDate();
							d.setDate(d.getDate() + 1);
						}
					}else{
							//заполняем все остальные ряды
							td.innerText = d.getDate();
							d.setDate(d.getDate() + 1);
						
							if(d.getDate() !== lastDay){
								console.log(d.getDate());	
							}
						
					}//END ELSE
						tr.appendChild(td);
						i++;
						
				}//end while
				table.appendChild(tr);
			
				a++;
			}//end while
		
			div.appendChild(table);
	}//end calendar function
<div id="calendar"></div>

javascript

1 个回答

  1. Best Answer

    稍微修改了功能。第二个参数现在取值“true”或“false”，它决定是显示上个月（值“true”）还是当前月份（“false”）。

    calendar(document.getElementById("calendar"), false);

function calendar(div, prevMonth){

    var nowDate = new Date();
    var today = nowDate.getDate();
    var currentMonth = nowDate.getMonth();//ТЕКУЩИЙ МЕСЯЦ
    var currentYear = nowDate.getFullYear();
    if ( prevMonth===true )
      if ( currentMonth==0 ){
        currentMonth = 11;
        currentYear--;
      } else {
      	currentMonth--;
      }
    var temp = new Date(currentYear, currentMonth + 1, 0);//колличество дней в текущем месяце
    var lastDay = temp.getDate();// последний день месяца

    var d = new Date(currentYear, currentMonth, 1);//начало текущего месяца
    var currentDay = d.getDate();
    var table = document.createElement('table');

    var TEST = '<tr><td>Пн</td><td>Вт</td><td>Ср</td><td>Чт</td><td>Пт</td><td>Сб</td><td>Вс</td></tr>';
    table.innerHTML = TEST;

    var weekday = d.getDay() - 1;
    if(weekday < 0) { 
      weekday = 6; 
    }
        
  	var a = 0;
    while((d.getMonth() == currentMonth) && (d.getMonth()==currentMonth)){

      var i = 0;
      var tr = document.createElement('tr');
      
      while((i < 7)){//пока i меньше чем кол-во дней недели
				if ( d.getMonth()!=currentMonth ){
          break;
        }
        var td = document.createElement('td');
        if(a == 0){
          if (i < weekday){
            //забиваем пустые значения
            td.innerText = '';
          } else {
            //заполняем числами первый ряд
            td.innerText = d.getDate();
            d.setDate(d.getDate() + 1);
          }
        } else {
          //заполняем все остальные ряды
          td.innerText = d.getDate();
          d.setDate(d.getDate() + 1);

          if(d.getDate() !== lastDay){
            console.log(d.getDate());   
          }

        }//END ELSE
        tr.appendChild(td);
        i++;

      }//end while
      table.appendChild(tr);

      a++;
    }//end while

    div.appendChild(table);
}//end calendar function
    <div id="calendar"></div>

    • 1

相关问题