|
| 1 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
| 2 | + "http://www.w3.org/TR/html4/loose.dtd"> |
| 3 | +<html> |
| 4 | +<head> |
| 5 | + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">/**/</script> |
| 6 | + <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js">/**/</script> |
| 7 | + <script src="jquery-ui-timepicker-addon.js">/**/</script> |
| 8 | + <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/ui-lightness/jquery-ui.css" /> |
| 9 | +<style media="screen" type="text/css"> |
| 10 | +body{ font: Arial, Helvetica, sans-serif; } |
| 11 | +#ui-datepicker-div{ font-size: 90%; } |
| 12 | + |
| 13 | +/* css for timepicker */ |
| 14 | +.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } |
| 15 | +.ui-timepicker-div dl{ text-align: left; } |
| 16 | +.ui-timepicker-div dl dt{ height: 25px; } |
| 17 | +.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; } |
| 18 | +.ui-timepicker-div td { font-size: 90%; } |
| 19 | + |
| 20 | +input { width: 200px; } |
| 21 | +</style> |
| 22 | +<script type="text/javascript"> |
| 23 | +$(document).ready(function(){ |
| 24 | + $(".timepicktest0").datetimepicker({ dateFormat: $.datepicker.RFC_2822, timeFormat: 'hh:mm' }); |
| 25 | + $(".timepicktest1").datetimepicker({ dateFormat: $.datepicker.RFC_2822, timeFormat: 'hh:mm z', showTimezone: true }); |
| 26 | + $(".timepicktest2").datetimepicker({ dateFormat: $.datepicker.RFC_2822, timeFormat: 'hh:mm z', showTimezone: true, |
| 27 | + timezoneList: [{"value": "+0000", "label": "British Winter Time"}, {"value": "+0100", "label": "British Summer Time"}] }); |
| 28 | +}); |
| 29 | +</script> |
| 30 | +</head> |
| 31 | +<body> |
| 32 | + |
| 33 | +<form action="" method=""> |
| 34 | +<input type="text" class="timepicktest0" /><br /> |
| 35 | +<input type="text" class="timepicktest1" /><br /> |
| 36 | +<input type="text" class="timepicktest1" value="Mon, 28 Feb 2011 10:58"/><br /> |
| 37 | +<input type="text" class="timepicktest1" value="Mon, 28 Feb 2011 10:58 +0000"/><br /> |
| 38 | +<input type="text" class="timepicktest2" value="Mon, 28 Feb 2011 10:58 +0000"/><br /> |
| 39 | +<input type="text" class="timepicktest2" value="Mon, 28 Feb 2011 10:58 +0100"/><br /> |
| 40 | +</form> |
| 41 | +</body> |
| 42 | +</html> |
0 commit comments