Jquery for Datetime Picker

Pradeep Maurya

8 years ago

Hello, In this post we will learn jquery script for date time picker at textbox of any project in which we want to use select dateTime option.


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Datetime Picker</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker" style="width:100px;"></p>
</body>
</html>

<!doctype html>

<head>

<title>Datetime Picker</title>

$(function() {

$( "#datepicker" ).datepicker();

});

</script>

</head>

<body>

</body>

</html>

Pradeep Maurya

Pradeep Maurya is the Professional Web Developer & Designer and the Founder of “Tutorials website”. He lives in Delhi and loves to be a self-dependent person. As an owner, he is trying his best to improve this platform day by day. His passion, dedication and quick decision making ability to stand apart from others. He’s an avid blogger and writes on the publications like Dzone, e27.co