CODEWITHSUNDEEP
javascript
Ronak Solanki
Ronak Solanki

Reputation: 39

How to get selected date from html element where input type=date using javascript

<script>

function datechecker()
	{
      /* Here,How can i display selected date*/
	}
</script>
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
		
<form method="POST" role="form" name="myform" enctype="multipart/form-data">
		<h2>Please select datey</h2>
		<input type="date" id="jsdate"  name="txtdate">
		<input type="submit" onclick="datechecker()" value="Check">
		</form>
</body>
</html>

Here I have defined input type=date to select date....and i want to display that selected date using javascript only....how can i do it??

Upvotes: 0

Views: 1761

Answers (1)

Lalit
Lalit

Reputation: 1369

function datechecker(){
/* Here,How can i display selected date*/
event.preventDefault(); // remove this line in your code.
console.log(jsdate.value);
}
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
		
<form method="POST" role="form" name="myform" enctype="multipart/form-data">
		<h2>Please select datey</h2>
		<input type="date" id="jsdate"  name="txtdate">
		<input type="submit" onclick="datechecker()" value="Check">


		</form>

</body>
</html>

Upvotes: 1

Related Questions