get calender on button click in html and fill text filed with selected date

Question

I trying to validate a text field whether the entered input type is in date pattern or not. I seen this and this but no result. So I want to get calender on button click and fill text filed with selected date. How to validate this?

Thanks in advance..

please refer to the datepicker plugin in jQuery. that will help you a lot - http://jqueryui.com/datepicker/ — Murtaza, Jul 11 '14 at 10:30
@Murtaza Thanks for the quick response. I'll try and let you know — Shailendra Madda, Jul 11 '14 at 10:32
@Murtaza Thanks a lot its working like champ. It should be acceptable one if it is an answer. — Shailendra Madda, Jul 11 '14 at 10:37

score 1 · Accepted Answer · edited Jul 11 '14 at 10:43

Its working for me try this:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/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"></p>
</body>
</html>

get calender on button click in html and fill text filed with selected date

1 Answers1