Powered By Blogger

Wednesday, January 29, 2014

date and time picker JQuery

<html><head>
<!--date and time picker-->
<link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="js/jquery-ui-timepicker-addon.css" />
<!--end-->
</head>
<body>


<div class="example-container">
   <div>
         <input class="validate[required]" type="text" value="" id="basic_example_1" name="basic_example_1" />
   </div>
</div>


<!--date and time picker-->
<script type="text/javascript">
//$('#basic_example_1').datetimepicker();
  $('#basic_example_1').datetimepicker({
minDate: new Date(),
});
</script>
<!--end-->

<!--date and time picker JS-->
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
<!--end-->

</body>
</html>

No comments:

Post a Comment