Javascript

JS Interval ile tarih aralığı oluşturma

JS Interval kullanarak tarih aralığını inputlara basma

İnterval Kullanarak Tarih Aralığı Oluşturma

Jquery ile date time kullanılarak inputların içine şu anki tarih ve saati basabilirsiniz. Şu anki tarih ve saat’den istediğiniz kadar da geriye gidip belirli bir aralık yapabilirsiniz. Interval kullanmak sizin tercihinize bağlı. Anlık güncellenmesi ve inputlarda değişiklik yapılabilmesi için fonksiyonun durmasını bu şekilde sağlayabilirsiniz.

CANLI DEMO

KAYNAK KODLAR İÇİN

Aşağıdaki kaynak kodlar “Html + CSS + JS “ ile birlikte verilmiştir. Tümünü kopyalayıp “.html” şeklinde kayıt ettiğinizde hemen çalıştırabilirsiniz.

<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
</head>
    <body>
	İlk Tarih   :
	<input type="datetime-local" id="ilktarih" placeholder="ilk tarih" class="form-control" /><br>
	Son Tarih :
    <input type="datetime-local" id="sontarih" placeholder="son tarih" class="form-control" />
	
	
<script type="text/javascript">
var intervalID;
intervalID = setInterval(tarihsaatBass, 300);
$(document).on('click', '#ilktarih, #sontarih', function (e) {
clearInterval(intervalID);
});
function tarihsaatBass() {
var dt = new Date();
var suankiTarihsaat = dt.getFullYear() + "-" + ('0' + (dt.getMonth() + 1)).slice(-2) + "-" + ('0' + (dt.getDate() +0)).slice(-2) + "T" +('0' + (dt.getHours() + 0)).slice(-2) + ":" + ('0' + (dt.getMinutes() + 0)).slice(-2);
var dt2 = new Date(suankiTarihsaat);
dt2.setDate(dt2.getDate() - 10);
var gecmisTarihsaat = dt2.getFullYear() + "-" + ('0' + (dt2.getMonth() + 1)).slice(-2) + "-" + ('0' + (dt2.getDate() +0)).slice(-2) + "T" +('0' + (dt2.getHours() + 0)).slice(-2) + ":" + ('0'+(dt2.getMinutes() + 0)).slice(-2);
$("#sontarih").val(suankiTarihsaat);
$("#ilktarih").val(gecmisTarihsaat);
}
</script> 		
 </body> 
</html>


İlgili Makaleler

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu