HIMPUNANJAVASCRIPT

kategori skrip
:: permainan
:: navigasi
:: semakan input
:: tarikh dan masa
:: lain-lain

komuniti
.. artikel
.. sumbangan
.. sumber rujukan
.. penulis

tarikh dan masa | mengira hari

Masukkan tarikh yang sah ke dalam tarikh mula dan tarikh tamat. Klik butang kira.

Tarikh Mula
Tarikh Tamat

Jumlah Hari

Kod Contoh

Salin skrip di bawah (klik pilih semua, klik kanan pada skrip dan pilih Copy) dan tampalkan di dalam perisian editor HTML anda (Notepad atau Frontpage). Simpan fail sebagai kira_hari.htm.

<html>
<title>HIMPUNANJAVASCRIPT</title>
<script language="JavaScript">
function kira_hari(date1,date2)
{	
     var dateDiff = Date.parse(isDateConv(date2)) - Date.parse(isDateConv(date1));
     var dateDaysDiff = dateDiff / (1000 * 60 * 60 * 24);
    
     document.test.jumlah.value = dateDaysDiff
}
	
	function isDateConv(var1)
	   { 
	     var datePat = /^(\d{1,2})(\/|-)(\d{1,2})\2(\d{2}|\d{4})$/; 
	     var matchArray = var1.match(datePat);
	     var tempvar;
	     month = matchArray[1]; 
	     day = matchArray[3]; 
	     year = matchArray[4]; 
	     tempvar= day + "/" +  month+ "/" + year;
	     return(tempvar);
	   }

function mesej(tarikh){
if (tarikh.value != ""){
	var dateArray = new Array(21); 
	for (var i=0; i<dateArray.length; i++)
{
	dateArray[i]=""} 
	a=tarikh.value 
	i=0; 
	for (var j=0; j<a.length; j++){
		if ((isNaN(a.charAt(j)))){
			i++ 
			dateArray[i]= a.charAt(j) 
			i++
			} 
			else 
			{
			dateArray[i]=dateArray[i]+a.charAt(j)
			} 
			}
			var err=0
			b = dateArray[0] 
			c = dateArray[1] 
			d = dateArray[2] 
			e = dateArray[3] 
			f = dateArray[4] 			
			g = dateArray[5] 
 			
 			//semak hari
 			if (isNaN(b)) err=1
			if (b<1 || b>31) err = 2
						
			if (!(c =='/' || c=='-')) err = 3						
			if (isNaN(d)) err=4
			
			//semak bulan			
			if (d<1 || d>12) err = 5
			
			if (!(e =='/' || e=='-')) err = 6						
			if (isNaN(f)) err=7
			
			//semak tahun(tukarkan tahun mengikut citarasa anda)
			if (f<1800 || f>9999) err = 8
			if (g != '') err=9
			
			//semak bulan yang kurang dari 31 hari
			if (d==4 || d==6 || d==9 || d==11)
				{  
					if (b>30) err=10
				}
			
			//semak tahun lompat
			if (d==2)
				{  
				var g=parseInt(f/4)
				if (isNaN(g)) 
					{
					err=11
					}
			if (b>29) err=12
			if (b==29 && ((f/4)!=parseInt(f/4))) err=13								  		
			}
			
			if (err>0) 
			{
				alert(tarikh.value+' bukan tarikh yang sah. Sila masukkan tarikh dalam format dd/mm/yyyy');
				tarikh.focus()
				return (false);
			}
			else 
			{
			return (true);
			}
			} 
		}	
</script>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<form name="test">
                                <table align="center" border="0" width="400" cellspacing="0" cellpadding="0">				                                     
				  <tr>
                                    <td width="100%" colspan="2"><font face="Verdana" size="2">MENGIRA HARI</font></td>
                                  </tr>
                                  <tr>
                                    <td width="100%" colspan="2"><font face="Verdana" size="2">Masukkan
                                      tarikh yang sah ke dalam tarikh mula dan
                                      tarikh tamat. Klik butang kira.<br><br></font></td>
                                  </tr>
                                  <tr>
                                    <td width="50%"><font face="Verdana" size="2">Tarikh
                                      Mula</font></td>
                                    <td width="50%"><input type="text" name="mula" size="20" onblur="return mesej(this)"></td>
                                  </tr>
                                  <tr>
                                    <td width="50%"><font face="Verdana" size="2">Tarikh
                                      Tamat</font></td>
                                    <td width="50%"><input type="text" name="tamat" size="20" onblur="return mesej(this)"></td>
                                  </tr>
                                  <tr>
                                    <td width="50%"></td>
                                    <td width="50%"><input type="button" value="Kira" name="buton" style="font-family: Verdana; font-size: 10pt"
                                    onClick="kira_hari(document.test.mula.value,document.test.tamat.value)"></td>
                                  </tr>
                                  <tr>
                                    <td width="50%"><font face="Verdana" size="2">Jumlah
                                      Hari</font></td>
                                    <td width="50%"><input type="text" name="jumlah" size="20"></td>
                                  </tr>
                                </table>
                              </form>
</body>
</html>