HIMPUNANJAVASCRIPT

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

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

tarikh dan masa | tarikh berdasarkan input hari

Masukkan tarikh yang sah ke dalam kotak input tarikh dan masukkan bilangan hari yang sah ke dalam kotak input 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 tarikh_hari.htm.

<html>
<title>HIMPUNANJAVASCRIPT</title>
<SCRIPT LANGUAGE=javascript>
<!--
//untuk memaparkan tarikh baru berdasarkan input hari
function kira(tarikh,hari){
if (tarikh.value!=""){
var date1 = tarikh.value
var c = hari.value
var ad = Date.parse(isDateConv(date1)) + (c*1000*60*60*24);
display(ad,document.test.d)
}
}

//untuk menukar format tarikh
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);
}

//untuk memaparkan tarikh dalam format dd/mm/yyyy
function display(date3,input){
var tarikh=new Date(date3)

var hari=tarikh.getDate(date3)
if (hari < 10){
hari = "0" + hari
}
var bulan=tarikh.getMonth(date3)
bulan = bulan+1;
if (bulan < 10 ){
bulan = "0" + bulan
}
var tahun=tarikh.getFullYear(date3)

var nilai
nilai=hari + "/" + bulan + "/" + tahun;
input.value = nilai
return true
}

//untuk menyemak input tarikh
function semak_tarikh(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 jarak tahun
			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()
				tarikh.select()
				return (false);
			}
			else
			{
			var lin = Date.parse(isDateConv(a))
			display(lin,tarikh);
			return (true);
			}
			}
}

//untuk menyemak input hari alert
function semak_hari(hari){
if (hari.value!=""){
if (document.test.a.value==""){
alert("Sila isikan tarikh terlebih dahulu.")
hari.value = "";
document.test.a.select()
}
if (isNaN(hari.value)==true){
alert("Sila masukkan bilangan hari yang sah.")
hari.select()
}
else{
kira(document.test.a,hari);
}
}
}
//-->
</SCRIPT>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<BODY>
<form name="test">
<table width="400" align="center">
<tr>
<td colspan="2">MEMAPARKAN TARIKH MENGIKUT INPUT HARI</td>
</tr>
<tr>
<td colspan="2">Masukkan tarikh yang sah ke dalam kotak input tarikh dan masukkan bilangan hari yang sah ke dalam kotak input hari.</td>
</tr>
<tr>
<td colspan="2" height="20"> </td>
</tr>
<tr>
<td>Tarikh</td>
<td><input type=text name=a onBlur="semak_tarikh(document.test.a)"></td>
</tr>
<tr>
<td>Hari</td>
<td><input type=text name=b onBlur="semak_hari(document.test.b)"></td>
</tr>
<tr>
<td><br>Tarikh Baru</td>
<td><input type=text name=d></td>
</tr>
</form>
</body>
</HTML>