by
6,236 16
0
5
3,202
19
Top 1% !
Popular
Famous
Tagged
Specified
Popularity: 4109th place
Created
Modified Jun 24, 2013
This snippet is Public
LanguageJavascript
LicenseMIT_X11

JQuery DataPicker and TimePicker example

JQuery DataPicker and TimePicker example
Copy Embed Code
<iframe id="embedFrame" style="width:600px; height:300px;"
src="https://www.snip2code.com/Embed/1169/JQuery-DataPicker-and-TimePicker-example?startLine=0"></iframe>
Click on the embed code to copy it into your clipboard Width Height
Leave empty to retrieve all the content Start End
<html> <head> <title>TBD</title> <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> <script src="http://code.jquery.com/jquery-1.10.0.js"></script> <!-- CALENDAR Used external Library - GIT HUB https://github.com/1Marc/javascript-clean-calendar--> <script src="js/javascript-clean-calendar-master/calendar.js"></script> <link href="js/javascript-clean-calendar-master/calendar.css" rel="stylesheet"> <!-- TIME PICKER Used external Library - GIT HUB https://github.com/perifer/timePicker--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> <script src="js/timePicker-master/jquery.timePicker.js"></script> <link href="js/timePicker-master/timePicker.css" rel="stylesheet"> <script> jQuery(function() { $("#timepicker").timePicker(); // Default. }); </script> <head> <body> <div id="DateTime_div"> <label>Calendar </label> <!-- CALENDAR IMPLEMENTATION --> <input name="datapicker" class="calendarSelectDate" type="text"> <div id="calendarDiv"></div> <p> <label>Time Picker </label> <!-- TIME PICKER IMPLEMENTATION --> <input type="text" name="timepicker" id="timepicker" size="6" /> </p> </div> </body> </head>
If you want to be updated about similar snippets, Sign in and follow our Channels

blog comments powered by Disqus