<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
h1
>GeeksforGeeks</
h1
>
<
h4
>
Design a Datetime Input using jQuery Mobile
</
h4
>
<
form
style
=
"width: 50%;"
>
<
label
for
=
"datetimeInput1"
>Datetime Input Area:</
label
>
<
input
type
=
"datetime"
data-clear-btn
=
"false"
name
=
"datetimeInput1"
id
=
"datetimeInput1"
value
=
""
>
<
label
for
=
"datetimeInput2"
>
Datetime Input Area with Clear Button:
</
label
>
<
input
type
=
"datetime"
data-clear-btn
=
"true"
name
=
"datetimeInput2"
id
=
"datetimeInput2"
value
=
""
>
<
label
for
=
"datetimeInput3"
>
Datetime-local Input Area:
</
label
>
<
input
type
=
"datetime-local"
data-clear-btn
=
"false"
name
=
"datetimeInput3"
id
=
"datetimeInput3"
value
=
""
>
<
label
for
=
"datetimeInput14"
>
Datetime-local Input Area with Clear Button:
</
label
>
<
input
type
=
"datetime-local"
data-clear-btn
=
"true"
name
=
"datetimeInput4"
id
=
"datetimeInput4"
value
=
""
>
</
form
>
</
center
>
</
body
>
</
html
>