Live Demo: Alert in the Specified Date and Time in jQuery

<!doctype html>
<html lang="en">
<head>
<title>Alert in the Specified Date and Time in jQuery</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
    
	$('#form_submit').click(function(){
		
		var mydatetime = $('#reminder_date_time').val();		
		if(mydatetime !== ''){
			//alert(mydatetime);
			var alertDate = new Date(mydatetime).getTime();
			onloadDate = Date.now();
			tOut = alertDate - onloadDate;
			
			if(tOut > 0){
				alert('Time has been set. Please wait for the alert at the specified date and time.');
				setTimeout(()=>{ 
					alert("Hello");				
				}, tOut );
			}
		}else{
			alert('Please select a date and time.');
		}
			return false;
        
	});
	
});
</script>
</head>
<body>
<form method="post">
	<input type="datetime-local" class="form-control" placeholder="Enter date and time" name="reminder_date_time" id="reminder_date_time" required>
	<input type="submit" name="submit" value="Submit" id="form_submit">
</form>
</body>
</html>

Go to Tutorialdeep Homepage