<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Input Datetime list Property in HTML</
title
>
<
style
>
h1 {
color: green;
}
body {
text-align: center;
}
</
style
>
</
head
>
<
body
>
<
h1
>GeeksforGeeks</
h1
>
<
h2
>Input Datetime list property</
h2
>
<
br
> Date Of Birth:
<
input
type
=
"datetime"
id
=
"Test_Datetime"
value
=
"2019-11-11"
list
=
"DateTime_list"
>
<
datalist
id
=
"DateTime_list"
>
<
option
value
=
"2019-11-11"
/>
<
option
value
=
"2019-12-01"
/>
<
option
value
=
"2019-04-11"
/>
<
option
value
=
"2005-09-12"
/>
<
option
value
=
"2022-03-12"
/>
</
datalist
><
br
><
br
>
<
button
ondblclick
=
"My_Datetime()"
>
Return Date And Time
</
button
>
<
p
id
=
"test"
style
=
"font-size:20px"
></
p
>
<
script
>
function My_Datetime() {
var datetimeVar = document
.getElementById("Test_Datetime").list.id;
document.getElementById("test")
.innerHTML = datetimeVar;
}
</
script
>
</
body
>
</
html
>