简体   繁体   中英

Change the time value of one cell based on another cell using JavaScript

I want to enter Time values to mytable1 in the sample code below and have them reflected -7 hours in mytable2. Considering the time range is 00:00 - 23:59 is also key in this.

<table width=600px id="mytable1">
    <tr>
        <td>GMT</td>
        <td>Monday</td>
        <td>Tuesday</td>
        <td>Wednesday</td>
        <td>Thursday</td>
        <td>Friday</td>
    </tr>
    <tr>
        <td>Person A</td>
        <td>09:00 - 17.30</td>
        <td>17:00 - 01.30</td>
        <td>09:00 - 17.30</td>
        <td>17:00 - 01.30</td>
        <td>09:00 - 17.30</td>
    </tr>
    <tr>
        <td>Person B</td>
        <td>09:00 - 17.30</td>
        <td>17:00 - 01.30</td>
        <td>09:00 - 17.30</td>
        <td>17:00 - 01.30</td>
        <td>09:00 - 17.30</td>
    </tr>
</table>
<br />
<table width=600px id="mytable2">
    <tr>
        <td>GMT-7</td>
        <td>Monday</td>
        <td>Tuesday</td>
        <td>Wednesday</td>
        <td>Thursday</td>
        <td>Friday</td>
    </tr>
    <tr>
        <td>Person A</td>
        <td>09:00 - 17.30</td>
        <td>17:00 - 01.30</td>
        <td>09:00 - 17.30</td>
        <td>17:00 - 01.30</td>
        <td>09:00 - 17.30</td>
    </tr>
    <tr>
        <td>Person B</td>
        <td>09:00 - 17.30</td>
        <td>17:00 - 01.30</td>
        <td>09:00 - 17.30</td>
        <td>17:00 - 01.30</td>
        <td>09:00 - 17.30</td>
    </tr>
</table>
<br />
<html>
<head>
<script>
function cd(val){
 var a = document.getElementById(val.id).value-7;
 document.getElementById("to").value=a;alert(a);
}    
</script>
</head>
<body>
<input type="text" name ="dat" id="fu" onChange="cd(this)"/>
<input type="text" name ="dat" id="to"/>
</body>
</html>

Possibly this can help you. Substitute all your table values accordingly

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM