Jump to content
atomic

Javascript - Kira Beza Masa

Recommended Posts

<table>
<tr> 
        <td width="18%">Masa Bermula<b><font face="Arial, Helvetica, sans-serif" size="2" color="#FF0000"></font></b></td>
        <td width="3%"><b>:</b></td>
        <td width="79%"> 
          <input type="hidden" name="txtStartTime">
          Jam : 
          <select name="cboStHour">
            <option value="">-</option>
            <option value="01">01</option>
            <option value="02">02</option>
            <option value="03">03</option>
            <option value="04">04</option>
            <option value="05">05</option>
            <option value="06">06</option>
            <option value="07">07</option>
            <option value="08">08</option>
            <option value="09">09</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
          </select>
          Minit : 
          <select name="cboStMinute">
            <option value="">-</option>
            <option value="00">00</option>
            <option value="15">15</option>
            <option value="30">30</option>
            <option value="45">45</option>

          </select>
          : 
          <select name="cboStAMPM" onChange="call check_End_AMPM()">
            <option value="">-</option>
            <option value="AM">AM</option>
            <option value="PM">PM</option>
          </select>
        </td>
      </tr>
      <tr> 
        <td width="18%">Masa Berakhir<b> <font face="Arial, Helvetica, sans-serif" size="2" color="#FF0000"></font></b></td>
        <td width="3%"><b>:</b></td>
        <td width="79%"> 
          <input type="hidden" name="txtEndTime" >
          Jam : 
          <select name="cboEndHour">
            <option value="">-</option>
            <option value="01">01</option>
            <option value="02">02</option>
            <option value="03">03</option>
            <option value="04">04</option>
            <option value="05">05</option>
            <option value="06">06</option>
            <option value="07">07</option>
            <option value="08">08</option>
            <option value="09">09</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
          </select>
          Minit : 
          <select name="cboEndMinute">
            <option value="">-</option>
            <option value="00">00</option>
            <option value="15">15</option>
            <option value="30">30</option>
            <option value="45">45</option>
          </select>
          : 
          <select name="cboEndAMPM" onChange="calculate_time()">
            <option value="">-</option>
            <option value="AM">AM</option>
            <option value="PM">PM</option>
          </select>
        </td>
      </tr>
</table>

Salam untuk semua sifu2..

 

saya tengah cuba nak kira beza masa dari dropdown contoh kat atas nih, harap ada yang sudi bantu.

 

kira masa hanya untuk satu hari sahaja iaitu 24jam.

contoh :

masa mula :"10:00pm"

masa akhir:"10:00am"

 

so,dia akan papar msg "Masa Berakhir mesti sebelum Masa Bermula"

 

harap ada yang sudi bantu.

terima kasih.

 

Share this post


Link to post
Share on other sites

Alhamdulillah..selesai.

tapi guna http://momentjs.com/

guna cara tradisional mcm pening.. (baru belajar javascript)

ke ada lagi mudah? mohon kongsi ilmu...

 

<script type="text/javascript" src="moment.min.js"></script>

function calculate_time() {
    var STTime = FrmName.cboStHour.value + ":" + FrmName.cboStMinute.value + " " + FrmName.cboStAMPM.value;
    var EndTime = FrmName.cboEndHour.value + ":" + FrmName.cboEndMinute.value + " " + FrmName.cboEndAMPM.value;
    
    var x = moment(STTime, " hh:mm:ss a");
    var y = moment(EndTime, "hh:mm:ss a");

    var difftime = y.diff(x);
    
        if (difftime < 0) {
            alert("Masa Berakhir mesti sebelum Masa Bermula ");
            return;
        }
    }//calculate_time 

Share this post


Link to post
Share on other sites

take note -> declare dulu format date..

contoh kalau format tu guna malaysia format atau US format.. sesetengah user format dalam laptop atau PC dia akan guna format Bahasa Malaysia. Mungkin coding calculation utk kira date/time akan jadi xberape betul.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Similar Content

    • By atomic
      Salam untuk semua,minta maaf kepada tuan tanah..banyak soalan.. :)
       
      contoh string:
      var x="c:\myfiles\photo\bunga.jpg"; mcm mana nak dapatkan hanya value= "bunga.jpg"
       
      value 'x' adalah dari :
      <input type="file"> mohon ada sudi kongsi ilmu.
       
    • By atomic
      Salam untuk semua,
      contoh :
       
      var x="c:\sunset.jpg"; soalan : macam mana nak check string kat atas ada "\"?
      setelah google,ada cadangan suruh tukar tukar string ke CharCode dahulu,
      baru check... dah cuba...masih tak berjaya...
      mohon bantuan sifu2..
×
×
  • Create New...