다이나믹 테이블 자바 스크립트

Question

see jsbin 만약 내가 내 jsbin 본 다음 나는 두 테이블 하드 코드 테이블과 동적 테이블이 있습니다. 하드 코드 테이블과 똑같은 다이나믹 테이블을 만들어야합니다. 난 시간 coloumn에 문제가 어떻게 정확히 내가 테이블을 하드 코드 테이블처럼 coloumn을 만들 루프.

for (var i = 1; i < parseFloat(timeSlot); i++) 
      { 
       row = tableAppointment.insertRow(i); 
       cell1 = row.insertCell(0); 
       cell1.className += 'csstablelisttd'; 
       cell2 = row.insertCell(1); 
       cell2.className += 'csstablelisttd'; 
       cell3 = row.insertCell(2); 
       cell3.className += 'csstablelisttd'; 
       cell1.innerHTML = startTime;     
       cell2.innerHTML = parseFloat(constMinutes); 
       constMinutes = parseFloat(constMinutes + 15); 
       if (constMinutes == "60") 
       { 
        constMinutes = 0; 
       } 
      } 

Answer 1

this과 같은 의미입니까? 그것은 cell1.innerHTML

  if (constMinutes === 0) { 
       cell1.innerHTML=startTimeHour++ + ":00" + startTimeAMPM; 
      } 

편집 설정 곳

 for (var i = 1; i < parseFloat(timeSlot); i++) 
     { 
      row = tableAppointment.insertRow(i); 
      cell1 = row.insertCell(0); 
      cell1.className += 'csstablelisttd'; 
      cell2 = row.insertCell(1); 
      cell2.className += 'csstablelisttd'; 
      cell3 = row.insertCell(2); 
      cell3.className += 'csstablelisttd'; 

      if (constMinutes === 0) { 
       cell1.innerHTML=startTimeHour++ + ":00" + startTimeAMPM; 
      } 

      cell2.innerHTML = parseFloat(constMinutes); 
      constMinutes = parseFloat(constMinutes + 15); 
      if (constMinutes == "60") 
      { 
       constMinutes = 0; 
      } 
     } 

내가 라인을 수정 한 : 적절한 오전 또는 오후

를, I는 단위 것을 정수를 설정하고 나머지 연산자를 사용 . 이 방법은 증가 할 때만 0 또는 1이됩니다. 나는 우리가 12를 칠 때마다 그것을 증가시킨다. 그 다음 배열 (AMPM [0] 또는 AMPM [1])에서 텍스트를 가져온다.

 cellAMPM = 0; 
     AMPM = ["AM","PM"]; 

... 

      if (constMinutes === 0) { 

       if (startTimeHour === 12) cellAMPM++; 
       cell1.innerHTML= startTimeHour + ":00" + AMPM[cellAMPM%2]; 

       startTimeHour = Number(startTimeHour) % 12 + 1; 

      } 

Answer 2

Date 객체의

http://jsbin.com/unaqel/20/edit#javascript,html,live

메이크업의 사용, 그것은 모두가 잘 보이는 remning 시간 colomn 크게

Answer 3

if (constMinutes === 0) 
       { 
        cell1.innerHTML = startTimeHour++ + ":00" + startTimeAMPM; 
        if (startTimeHour >= 12) 
        { 
         cell1.innerHTML = startTimeHour + ":00" + endTimeAMPM;    
        }   
       }