Skip to content

Commit

Permalink
Release 0.1.2
Browse files Browse the repository at this point in the history
  • Loading branch information
@fgelinas
fgelinas committed May 27, 2011
1 parent 8a97634 commit 014c847
Show file tree
Hide file tree
Showing 7 changed files with 203 additions and 281 deletions.
105 changes: 63 additions & 42 deletions index.html
View file
@@ -1,33 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<title>jQuery UI Time Picker by Francois Gelinas</title>
<link rel="stylesheet" href="ui-lightness/jquery-ui-1.8.7.custom.css" type="text/css" />
<link rel="stylesheet" href="jquery-ui-timepicker.css?v=0.1.3" type="text/css" />



<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.ui.core.js"></script>
<script type="text/javascript" src="jquery.ui.timepicker.js?v=0.1.3"></script>
<style type="text/css">
/* some styling for the page */
body { font-size: 10px; /* for the widget natural size */}
#content { font-size: 1.4em; /* for the rest of the page to show at a normal size */}
.box { border: 1px solid #888; padding: 15px; margin:12px; }
.code { margin: 6px; padding: 9px; background-color: #fdf5ce; border: 1px solid #c77405; }
fieldset { padding: 0.5em 2em }
hr { margin: 0.5em 0; clear: both }
a { cursor: pointer; }
</style>
<title>jQuery UI Time Picker by Francois Gelinas</title>
<link rel="stylesheet" href="ui-lightness/jquery-ui-1.8.13.custom.css" type="text/css" />
<link rel="stylesheet" href="jquery-ui-timepicker.css?v=0.1.2" type="text/css" />

<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jquery.ui.core.js"></script>
<script type="text/javascript" src="jquery.ui.timepicker.js?v=0.1.2"></script>
<style type="text/css">
/* some styling for the page */
body { font-size: 10px; /* for the widget natural size */}
#content { font-size: 1.4em; /* for the rest of the page to show at a normal size */
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
.box { border: 1px solid #888; padding: 15px; margin:12px; }
.code { margin: 6px; padding: 9px; background-color: #fdf5ce; border: 1px solid #c77405; }
fieldset { padding: 0.5em 2em }
hr { margin: 0.5em 0; clear: both }
a { cursor: pointer; }
</style>

</head>
<body>
<div id="content">

<div style="float: right; padding: 20px; font-size: 10px;">
<div id="floating_timepicker">

</div>
<script>
$(document).ready(function() {
Expand All @@ -40,16 +39,16 @@
</script>
<span id="floating_selected_time">
</span>
</div>
</div>

<h1>jQuery UI Timepicker</h1>

<h2>What is this?</h2>
<p>
This is a jQuery UI time picker plugin build to match with other official jQuery UI widgets like the date picker.

<br />
Based on the existing date picker, this plugin will integrate nicely with your form and use your selected jQuery UI theme.

<br />
The plugin is very easy to integrate in your form for you time (hours / minutes) inputs.
</p>

Expand Down Expand Up @@ -92,11 +91,10 @@ <h2>Examples : </h2>

<div>
Default time picker :
<input type="text" style="width: 70px;" id="some.timepicker_1" value="" />
<input type="text" style="width: 70px;" id="timepicker_1" value="" />
<script type="text/javascript">
// for the test I use an id with a . char to fix bug
$(document).ready(function() {
$("#some\\.timepicker_1").timepicker();
$('#timepicker_1').timepicker();
});
</script>

Expand All @@ -106,6 +104,25 @@ <h2>Examples : </h2>

<hr />

<div style="display: none"> <!-- Too many examples already -->
Time picker with "h" time separator :
<input type="text" style="width: 70px;" id="timepicker_2" value="09h45" />
<script type="text/javascript">
$(document).ready(function() {
$('#timepicker_2').timepicker({
timeSeparator: 'h'
})
});
</script>

<a onclick="$('#script_2').toggle(200)">[Show code]</a>
<pre id="script_2" style="display: none" class="code"> $('#timepicker').timepicker({
timeSeparator: 'h:'
});</pre>

<hr />
</div>

<div>
Time picker with period (AM/PM) in input and without hours leading 0s :
<input type="text" style="width: 70px;" id="timepicker_4" value="7:30 PM" />
Expand Down Expand Up @@ -149,7 +166,7 @@ <h2>Examples : </h2>
<hr />

<div>
Time picker without period in input and without hours leading 0s :
Time picker without period in text input and without hours leading 0s :
<input type="text" style="width: 70px;" id="timepicker_5" value="16:35" />
<script type="text/javascript">
$(document).ready(function() {
Expand Down Expand Up @@ -197,6 +214,7 @@ <h2>Examples : </h2>
<div>
Time picker with disabled hours / minutes. 8:30 PM to 6:30 AM disabled :
<input type="text" style="width: 70px" id="timepicker_7" value="10:25 PM" />

<script type="text/javascript">
$(document).ready(function() {
$('#timepicker_7').timepicker({
Expand Down Expand Up @@ -288,11 +306,7 @@ <h2>Examples : </h2>
<pre id="script_noPeriodLabels" style="display: none" class="code">$('#timepicker').timepicker({
showPeriodLabels: false,
});
$('#btn_show_timepicker').click(function() {
i = document.getElementById('timepicker');
$.timepicker._showTimepicker(i);

});</pre>
</pre>

</div>

Expand Down Expand Up @@ -374,11 +388,13 @@ <h2>Examples : </h2>
defaultTime: '9:20'
});
function setNewTime() {
$('#timepicker_inline_div').timepicker('setTime','14:55');
$('#timepicker_inline_div').timepicker('setTime','14:55');
}</pre>

</div>



</div>

<hr />
Expand All @@ -387,7 +403,7 @@ <h2>Requirements : </h2>
<ul>
<li>
<a href="http://jquery.com">
jQuery 1.4.2 (probably works with previous versions)
jQuery 1.5.1 (probably works with previous versions)
</a>
</li>
<li>
Expand All @@ -402,31 +418,36 @@ <h2>Requirements : </h2>
</li>

<li>
<a href="jquery.ui.timepicker.js?v=0.1.3">
<a href="jquery.ui.timepicker.js?v=0.1.2">
jquery.ui.timepicker.js
</a>
</li>

<li>
<a href="jquery-ui-timepicker.css">
<a href="jquery-ui-timepicker.css?v=0.1.2">
jquery-ui-timepicker.css
</a>
</li>


</ul>
<p>
<strong>New! New!</strong> TimePicker is not 100% more social, on GitHub @ <a href="http://github.com/fgelinas/timepicker">http://github.com/fgelinas/timepicker</a>.
</p>
<p>
Get the release package here : <a href="releases/jquery-ui-timepicker-0.1.2.zip">jquery-ui-timepicker-0.1.2.zip</a>
</p>

Get the release package here : <a href="releases/jquery-ui-timepicker-0.1.3.zip">jquery-ui-timepicker-0.1.3.zip</a>

<hr />
<!-- =============================================================================================================== -->
<h2>Releases :</h2>
<dl>
<dt>0.1.3 - April 12, 2011</dt>
<dd>Fixed a bug for when input Id had a dot in it, it was getting double escaped when it should not. (Thanks Zdenek Machac)</dd>

<dt>0.1.2 - April 11, 2011</dt>
<dd>So in 0.1.1 I created a bug that made timepicker changes the location hash, well not i'ts fixed. (Thanks Lucas Falk) </dd>
<dt>0.1.2 - May 26, 2011</dt>
<dd>Fixed a bug with inline timepickers that would append a #timepickr hashtag when selecting hours and minutes.</dd>
<dd>Fixed z-index problem with IE6 (Thanks Graham Bentley)</dd>
<dd>Added selection of highlighted text when enter is pressed on the input field (Thanks Glen Chiacchieri)</dd>
<dd>Adjusted some focus problems, now the input gets the focus back when the used click on hours / minutes.</dd>

<dt>0.1.1 - April 6, 2011</dt>
<dd>Changed the cells click and dblclick binding for faster rendering in IE6/7 (Thanks Blair Parsons)</dd>
Expand Down

0 comments on commit 014c847

Please sign in to comment.