diff options
| -rw-r--r-- | index.html | 16 | ||||
| -rw-r--r-- | jquery-ui-timepicker-addon.js | 33 |
2 files changed, 49 insertions, 0 deletions
@@ -642,6 +642,22 @@ $('#alt_example_3').datetimepicker({ </pre> </div> + <!-- ============= example --> + <div class="example-container"> + <p>With inline mode:</p> + <div> + <input type="text" name="alt_example_4_alt" id="alt_example_4_alt" value="" /> + <span id="alt_example_4" ></span> + </div> +<pre> +$('#alt_example_4').datepicker({ + altField: "#alt_example_4_alt", + altFieldTimeOnly: false, + inline: true +}); +</pre> + </div> + <h3 id="rest_examples">Time Restraints</h3> <!-- ============= example --> diff --git a/jquery-ui-timepicker-addon.js b/jquery-ui-timepicker-addon.js index 44a8071..aae9e88 100644 --- a/jquery-ui-timepicker-addon.js +++ b/jquery-ui-timepicker-addon.js @@ -1265,6 +1265,39 @@ };
/*
+ * Fourth bad hack :/ override _updateAlternate function used in inline mode to init altField
+ */
+ $.datepicker._base_updateAlternate = $.datepicker._updateAlternate;
+ /* Update any alternate field to synchronise with the main field. */
+ $.datepicker._updateAlternate = function(inst) {
+ tp_inst = this._get(inst, 'timepicker');
+ if(tp_inst){
+ var altField = tp_inst._defaults.altField;
+ if (altField) { // update alternate field too
+ var altFormat = tp_inst._defaults.altFormat || tp_inst._defaults.dateFormat;
+ var date = this._getDate(inst);
+ var formatCfg = $.datepicker._getFormatConfig(inst);
+ var altFormattedDateTime = '', altSeparator = tp_inst._defaults.altSeparator ? tp_inst._defaults.altSeparator : tp_inst._defaults.separator, altTimeSuffix = tp_inst._defaults.altTimeSuffix ? tp_inst._defaults.altTimeSuffix : tp_inst._defaults.timeSuffix;
+ if (tp_inst._defaults.altFormat)
+ altFormattedDateTime = $.datepicker.formatDate(tp_inst._defaults.altFormat, (date === null ? new Date() : date), formatCfg);
+ else
+ altFormattedDateTime = tp_inst.formattedDate;
+ if (altFormattedDateTime)
+ altFormattedDateTime += altSeparator;
+ if (tp_inst._defaults.altTimeFormat)
+ altFormattedDateTime += $.datepicker.formatTime(tp_inst._defaults.altTimeFormat, tp_inst, tp_inst._defaults) + altTimeSuffix;
+ else
+ altFormattedDateTime += tp_inst.formattedTime + altTimeSuffix;
+
+ $(altField).each(function() { $(this).val(altFormattedDateTime); });
+ }
+ }
+ else{
+ $.datepicker._base_updateAlternate(inst);
+ }
+ };
+
+ /*
* Override key up event to sync manual input changes.
*/
$.datepicker._base_doKeyUp = $.datepicker._doKeyUp;
|