Tabelle js

di il
4 risposte

Tabelle js

Ho una tabella composta da 1 riga e 9 colonne (7 per i giorni della settimana + 2 per fare dei miei calcoli)
i sette giorni della settimana li dovrei calcolare in modo dinamico e cioè:
- recupero il giorno del primo dell'anno (2018 è lunedi)
- stampo il numero '01' nella colonna di lunedì vado avanti fino a domenica
- scendo e creo una nuova riga -> stampo e cosi via...

sono bloccato al secondo punto... come faccio a stampare il numero nella colonna corrispondente???

allego una prova su jsfiddle cosi magari è più chiaro...

https://jsfiddle.net/Seguret/zc5Lgtd3/2

4 Risposte

  • Re: Tabelle js

    Se come ho capito tu vuoi che venga calcolato e assegnato il giorno giusto del mese in ogni cella per ogni settimana, prendi d'esempio questa porzione di codice che ho fatto che tramite un ciclo preleva il giorno del mese e ad ogni iterazione aumenta il giorno. Applicalo sulle tue celle eseguendo un ciclo su di esse alla stessa maniera.
    var millisec = Date.now();
    var data, day;
    for(let i = 0 ; i < 5 ; i++){
        
        data = new Date(millisec);
        day = data.getDate();
        alert(day);
        millisec += 86400000;
    }
  • Re: Tabelle js

    Ciao
    io ho già il giorno e il mese non mi serve ricalcolarlo...

    facendo
    var data = new Date(2018, 0, 1); 
    var giornoS = data.getDay();
    	
    	console.log(data + "  " + giornoS);
    so che il giorno di gennaio è = 1, ciò significa che sarà lunedì...
    il mio problema è entrare all'interno della tabella e fare i dovuti controlli per capire in quale sto (devo) scrivendo...

    come ciclo una tabella???
  • Re: Tabelle js

    Non sono sicuro di seguirti, dimmi se è ciò che intendevi
    https://jsfiddle.net/cqzb7gsr
  • Re: Tabelle js

    Si ma non ho capito come gestire le classi, id e tag...
    sto provando ad andare avanti nel stampare i giorni... in pratica ho due righe:
    la prima per inserire i giorni come fatto
    la seconda per inserire dei miei dati in futuro...

    quindi ho pensato di fare
    
     <thead class="row_int">
            <tr>
              <td class="numDay"></td>
              <td class="numDay"></td>
              <td class="numDay"></td>
              <td class="numDay"></td>
              <td class="numDay"></td>
              <td class="numDay"></td>
              <td class="numDay"></td>
              <td class="no"></td>
              <td class="no"></td>
            </tr>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td class="no"></td>
              <td class="no"></td>
            </tr>
        </thead>
    
    in modo che ad ogni ciclo stampo l'intero thead
    ma:
    1- non riseco più a stampare i numeri all'interno e sospetto che sia per la classe row_int che tiene in "ostaggio" numDay
    2- a stampare l'intero thead

    https://jsfiddle.net/Seguret/cqzb7gsr/33
Devi accedere o registrarti per scrivere nel forum
4 risposte