制作一个表,根据时间改变其行结构

时间:2012-06-29 12:25:23

标签: javascript html

我正在尝试制作一个根据当前时间删除某些行的计划表。

实施例

(默认表格)

  第一次骑行:1.15

     

第二次骑行:1.45

     

第3次乘坐:2.42

,假设它是1.16,所以它变成了这个;

(所需表格)

  

第二次骑行:1.45

     

第3次乘坐:2.42

如何实现此功能?

1 个答案:

答案 0 :(得分:2)

HTML无法做到这一点。

但是,您可以在服务器端(通过服务器端脚本,如PHPASPperl,{{1 } {或者客户端python

例如(为了方便和更短的代码,我在JavaScript使用Javascript):

<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>