Vue

by euledge

HTML

<div id="app">
  <table>
     <tr v-for="(row,rowIndex) in rows">
       <th scope="row" class="time text-center">{{ row.time }}</th>
       <td scope="row" class="hoge text-center" v-for='(col,colIndex) in row.columns' >{{(now > col.check_time) ? 'Finished' : col.message}}</td>
     </tr>
  </table>
</div>

Vue

const  now = Date.parse("2018/04/18 09:30:00");

var rows = [{
    "time_id": 0,
    "time": "9:00-10:00",
    "columns": [{
      "date_id": 0,
      "message": 'nie mozna',
      "isActive": false,
      "check_time": "2018/04/18 09:00:00"
    }, ]
  },
  {
    "time_id": 1,
    "time": "10:00-11:00",
    "columns": [{
      "date_id": 0,
      "message": 'nie mozna',
      "isActive": false,
      "check_time": "2018/04/18 10:00:00"
    }, ]
  },
];

new Vue({
  el: "#app",
  data: {
    rows: rows,
    now: now
  },
  methods: {
  	isPast: function(){
    	todo.done = !todo.done
    }
  },
  mounted: function() {
    for(var i=0; i<rows.length; i++){
       rows[i].columns[0].check_time = Date.parse(rows[i].columns[0].check_time);
   }
    for(var i=0; i<rows.length; i++){
       console.log(rows[i].columns[0].check_time);
   }
  }
})