Question

I am trying to make a schedule table that would delete certain rows according to the current time.

Example;

(default table)

1st ride: 1.15

2nd ride: 1.45

3rd ride: 2.42

and let’s say it is 1.16 so it changes into this;

(desired table)

2nd ride: 1.45

3rd ride: 2.42

How can I achieve this functionality?

Answer 1

You can’t do that with HTML.

However, you can do this either on server side (by a server-side script, like PHP, ASP, perl, python, or whatever else you choose), or on client side, by JavaScript:

For example (here i’m using Javascript with jQuery library for convenience and shorter code):

<script type="text/javascript">
$(document).ready(function(){

    var now = new Date(); // create date object
    var h = now.getHours(); // get current hour
    var m = now.getMinutes(); // get current minute

    // if  the time is past 13:15 , hide first row of table with id 'mytable'
    if(h>13 || h>12 && m>15) {
       $('table#mytable tr:first').hide();
    } 
});
</script>