mirror of
https://github.com/Cacti/cacti.git
synced 2026-11-01 09:37:06 +09:00
* fix: label modern dialog apply/clear with the page button text; show Rows on the bar
The dialog apply button was hardcoded 'Search', which mismatched the page's submit label (e.g. 'Go') and collided with pages that have a filter field named Search (clog). It now uses the configured go/clear button display text. Also route the 'rows' field to the modern bar alongside timespan/refresh so the per-page Rows selector stays visible.
* feature: always label the row-count selector 'Rows'
emit_field() forces the 'rows' field friendly_name to Rows regardless of page-specific naming (Devices, Trees, ...), in both legacy and modern filters. Refresh already renders on the modern bar via field_is_bar.
* feature: order modern bar selectors (Rows, Refresh) and separate them from the buttons
Rows renders first and Refresh second on the modern filter bar, and a vertical separator now divides the selectors (Layouts, Rows, Refresh) from the layout action buttons.
* changelog: 8191.feature fragment for modern filter bar polish
* jQuery 4: replace removed $.isFunction in bundled plugins
jQuery 4.0 removed $.isFunction. contextMenu, colorpicker and timepicker are hand-vendored orphans fixed in place; tablesorter is npm-managed, so it is also rewritten at sync time in build/sync-js.mjs so a rebuild reproduces the fix (no-ops once the upstream fix is released and the pin is bumped).
* Render the Thumbnails and Business Hours graph filter checkboxes as Cacti toggles
* fix: address review — update modern JS docblock and strengthen bar/label tests
Rewrite the create_modern_javascript docblock to describe the page-configured apply/clear labels (and document the change/clear callback params). Extend FilterLayoutsTest to assert the selector|button separator, the applied Rows-then-Refresh ordering, and both go/clear label lookups, and that the hardcoded Search dialog label is gone.
* Filter bar polish: toggle-style filter checkboxes and flicker-free layout buttons
Render the shared filter_checkbox field as a Cacti toggle switch (.checkboxSwitch/.checkboxSlider) so every page's filter checkboxes match the rest of the UI, and start the layout Rename/Delete/Save As buttons hidden so layoutUpdateButtons() reveals them only when applicable instead of flashing visible on load.
* Modern filter: move the timespan selector onto its own second filter line
Timespan controls were rendered inline on the single modern filter bar. Route method=timespan fields into a separate group and emit them as a second filterTable row so the bar isn't overcrowded, matching the legacy multi-row layout. Applies to every modern filter with a timespan (the graph view pages).
* Modern filter: keep toggle checkboxes on the bar with a visible label and tooltip
filter_checkbox fields now count as bar fields so the Thumbnails/Business Hours toggles sit on the single bar instead of the Edit dialog. Their label used .checkboxLabel (display:none by design for forms), which hid the text; switch to .checkboxLabelWanted and always set a title tooltip from the field's title/friendly_name so each toggle is self-describing.
* Modern filter: toggles back in the dialog, restrict auto-apply to bar fields, drop dialog Clear
- Move filter_checkbox toggles back into the Edit dialog (field_is_bar no longer claims them) and render them as a form row: friendly name in the label column, toggle in the value column.
- In modern mode only bar selectors (Rows, Refresh) and the Layout selector auto-trigger a filter change; dialog field changes/clicks no longer call applyFilter (gate changeChain/clickChain on !use_modern_filter() || field_is_bar). Legacy keeps auto-applying on change (text inputs still excluded).
- Remove the Clear button from the modern Edit dialog and the now-unused clearLabel; update the dialog-labels test accordingly.
* Fix filter toggle vertical alignment across themes
The generic .filterTable .filterColumn label { vertical-align: -10% } nudge (meant for text labels) out-specified .checkboxSwitch and dragged the toggle switch down, which also pulled the adjacent label baseline low in the Edit dialog and misaligned the toggle on the legacy filter bar. Add a higher-specificity label.checkboxSwitch { vertical-align: middle } in every theme carrying the rule (midwinter has no such rule).
* Hide the filter search glyph in the modern Edit dialog
Theme main.js appends a ti-search glyph after #rfilter, positioned for a table cell; in the modern Edit dialog #rfilter sits in a wide div (no td), so the glyph wraps below the field. Skip the injection when #rfilter is inside .cactiFilterEditTable (modern dialog); legacy, which has no such ancestor, keeps the glyph.
* jQuery 4: full removed-API sweep of bundled plugins
Replace every jQuery-4-removed helper across the vendored plugins: \$.trim -> String.prototype.trim, \$.isArray -> Array.isArray, \$.proxy -> Function.prototype.bind, \$.parseJSON -> JSON.parse, \$.type -> typeof/\$.isPlainObject, \$.isWindow -> native window check (plus the earlier \$.isFunction). Orphans (colorpicker, timepicker, multiselect, multiselect.filter, tableDnD) are fixed in place; the npm-managed tablesorter core+widgets are rewritten at sync time in build/sync-js.mjs so a rebuild reproduces the fix.
* Modern filter dialog: non-modal, Apply gated on save, Save keeps dialog open
- Rename the dialog apply action to Apply and disable it until the (new or changed) filter is saved (layoutDirty tracking); Close just closes without applying.
- Save no longer reloads the page: it reflects the saved layout in the selector and re-enables Apply, keeping the dialog open.
- Dialogs are now modal: false.
- Switch the layout selector change from a full document.location reload to an AJAX loadUrl().
- Vertically center the modern bar cells so the barSep separator lines up between the buttons.
* Modern filter: add layout to the filter's session variable structure
Register layout (FILTER_VALIDATE_INT, default 0) in sanitize_filter_variables() alongside page so the selected layout is validated and stored in the filter's session object and persists across page views.
* Modern filter: Graph Template amalgam on line 2, timespan on line 3
Tag the Graph Template + Source/Order/CF/Measure group ('bar' => true on graph_template_id and the html_graph_order_filter_array() metrics) so create_modern_filter renders it as its own second filter line on Graph View and Tree View, pushing the timespan to the third line. These bar fields also auto-trigger the filter so the Template->Source->Order callback chain works on the main bar.
* Fix graph_template_id multi-select: allow comma lists, type get_host_graph_list correctly
get_host_graph_list() immediately transforms graph_template_id via html_transform_graph_template_ids() (handles cg_/dq_ prefixes and comma lists), so its parameter is a string, not an int -- correct the type hint and docblock. Also widen the preview and listview graph_template_id validation regexp to accept a comma-separated list like 'cg_118,cg_106,cg_119', matching the tree filter.
* Modern filter: hide the whole cell for hidden layout buttons to even out bar separator spacing
The Rename/Delete/Save As buttons hid only the <button>, leaving their table-cell (with padding) in the bar, so the separator after them was pushed away from Edit. Put the display:none on the .filterColumnButton cell and toggle the cell in layoutUpdateButtons so hidden buttons take no space and the separators sit evenly between the visible buttons.
* Remove legacy .drop-callback/makeCallbacks() autocomplete widget
The Device dropdown and other form_callback() lookups now always use the
ajax-backed select2 selectmenu. Drop the old makeCallbacks() jQuery-UI
autocomplete entirely and have form_callback() render the select2-callback
<select> by default, keeping the plain full-list <select> only when the
'autocomplete' config option is enabled.
* Carry selected layout through the modern dialog Apply action
The layout_save callback already returns the new layout id (and url), and
layoutDialogSave() selects it in #filter_layout. The dialog Apply button,
however, ran the plain filter apply (applyFilter()) which rebuilds the URL
from the field values and omits filter_layout, so the page reloaded as
(New Filter). Apply now navigates to the selected layout's data-url (which
includes filter_layout=<id>) when a layout is selected, falling back to the
normal filter apply when none is.
* Fix Filter Layouts manage page table and use jQuery UI dialogs for delete/rename
The management table was opened with html_start_box(\ = true), emitting a
<div> instead of a <table>, so the header and rows rendered unstyled and
run-together. Switch it to table mode.
Replace the generic confirm()-based delete with a CDEF-style jQuery UI
confirmation dialog loaded over ajax, and add a Rename action that opens a
matching jQuery UI dialog with a name field. Both post to the existing
layout_delete/layout_rename handlers on confirm.
* Use jQuery UI dialogs for filter-bar layout rename/delete; drop rename from manage page
The filter bar (modern and legacy) was still using native prompt()/confirm()
for the layout Rename and Delete actions - convert both to jQuery UI dialogs
(a name-entry dialog for rename, a confirm dialog for delete).
On the Filter Layouts management page, remove the rename action entirely and
instead link the layout name to its page (with filter_layout set) as an edit
link; keep the Delete confirmation dialog and Publish action.
* Rework Layouts manage page: preset filter bar + actions dropdown; rename to Layouts
Model layouts.php on the preset pages (CDEFs, etc.): add the standard
CactiTableFilter search bar in the legacy look, a sortable list with a
checkbox column, a pager, and a draw_actions_dropdown with Delete, Make
Global (publish), and Make Local (reassign to the current user). The
unimpressive per-row action icons and ajax dialogs are replaced by the
checkbox/confirmation flow. Make Global/Make Local are admin-only.
Treat layouts.php as a filter_layouts preset page so its own filter bar
does not offer the layout dropdown. Rename the page title and Console
Presets menu entry from 'Filters'/'Filter Layouts' to 'Layouts'.
* Show friendly page name in the Layouts list Page column
Map the stored page basename to the Console navigation title (e.g. host.php
=> Devices) via a layouts_page_name() lookup against \, falling
back to the raw basename. The Page column is now nosort since the displayed
label no longer matches the sortable database value.
* Fix filter search TypeError: use filter_options key in default search field
sanitize_filter_variables() reads a field's callback options from the
'filter_options' key, but the default search field in create_default() stored
them under 'options', so the key never reached validate_store_request_vars().
That left FILTER_CALLBACK with no callback and raised 'filter_var(): Option
must be a valid callback' whenever a table filter was searched.
* Address PR scan findings: tablesorter useless conditional + layouts SQL
- jquery.tablesorter.js: drop the redundant 'str &&' guard inside the
already-truthy 'str ?' branch of the digit and currency parsers (CodeQL
useless-conditional). Add a matching sync-js transform rule so a rebuild
from upstream keeps the simplification.
- layouts.php: fully parameterize the management list queries with bound
'?' parameters for the search term and user id, and build the LIMIT from
explicit (int) page/rows, so no request variable reaches the SQL string
(Semgrep cacti-request-var-in-sql).
* Address PR review: colorpicker trim, tablesorter JSON guard, bar separator, i18n
- jquery.colorpicker.js: _setAltField() iterated index <= properties.length, so
the last pass read properties[undefined]; \$.trim(undefined) was '' but native
.trim() throws. Iterate with < so no TypeError.
- jquery.tablesorter.widgets.js: the retrieveValue feature-check still tested the
removed \$.parseJSON; under jQuery 4 it was always falsy so saved widget state
never loaded. Test native window.JSON.parse instead, and add a matching
build/sync-js.mjs transform rule so a rebuild keeps the guard.
- html_filter.php: the Layouts selector is always rendered, so emit the
selector-to-button separator unconditionally (graph preview routes fields to
the amalgam/timespan lines, leaving the bar line without it before).
- changelog/i18n: reword 8191.feature to describe the Apply (save-gated) dialog
action, and add the new layouts.php/html_filter.php msgids to cacti.pot.
* Add tablesorter transform coverage to the sync-js test
Feed a fixture containing every removed jQuery 4 utility (\$.isFunction,
\$.trim, \$.type ===string/object, \$.isWindow, \$.isArray, \$.parseJSON calls
and the bare if (\$.parseJSON) guard) plus the CodeQL str && simplification
through syncAssets, and assert the synced tablesorter output contains the
native equivalents and none of the removed APIs. Previously the transform ran
against a generic stub, so an incomplete rewrite could pass unnoticed.
* Apply php-cs-fixer: comment style, alignment, and single-quote strings
Run through the project php-cs-fixer config (the mandatory pre-PR check):
line comments for the input-validation banners, aligned assignment, and
single-quoted strings where no interpolation is used. No behaviour change.
* Render the filter Go action as a refresh glyph button (modern + legacy)
Replace the 'Go' text submit with a compact 'ti ti-refresh' glyph button
titled 'Refresh page' for every page filter:
- emit_field() forces the glyph/title on any 'go' submit, so both the shared
default and pages that define their own 'go' get it on the legacy filter.
- The modern bar (which has no form) gets a JS-wired #layout_refresh glyph
button right of Edit that loadUrl()s the selected layout url (carrying
filter_layout) or the page change callback.
Add the 'Refresh page' msgid to cacti.pot and note it in 8191.feature.
* Add a Tabler .icon-rotate spin class and use it for refreshing icons
Tabler ships only the icon webfont, with no fa-spin equivalent, so spinning
reload icons stopped animating (e.g. the Troubleshooting > Data Sources
auto-refresh indicator). Define .icon-rotate in every theme (reusing the
globally loaded fa-spin keyframes) and apply it:
- the modern filter refresh button spins while it loads,
- the realtime graph drill-down loader switches from fa-spin to icon-rotate,
- the data_debug auto-refresh indicators spin again.
* tests: sync FilterLayouts assertions with the reworded separator comment and dw.addClass
The source scan expected the old 'Separate the selectors' comment and a chained
.dialog('widget').addClass() form; update to the current reworded comment and
the 'var dw' + dw.addClass('cactiFilterDialog') the dialog now uses.
* Glyph-ify the timespan Refresh/Clear and the generic Clear action
Replace the timespan 'Refresh' text button with a spinning ti ti-refresh glyph
and 'Clear' with a ti ti-eraser glyph (also fixing a stray double </span>), and
make the generic filter Clear a ti ti-eraser glyph button across legacy and
modern via emit_field (button case now honours a 'glyph' key). The timespan
refresh icon spins (icon-rotate) while it reloads.
* Glyph-ify filter Import/Export, layout, and modern-bar action buttons
Force ti-table-import / ti-table-export glyphs for any filter button named import/export (centralized in emit_field like go/clear), so page-defined Import/Export buttons and the modern bar's always-visible action strip render consistent Tabler glyphs. Add a glyph parameter to layout_button() and glyph the Edit/Rename/Delete/Save As/Save/New/Publish buttons across the modern bar and legacy layouts row.
* Use table-import/table-export glyphs for cactiTableButton Import/Export icons
The filter header Export/Import icons injected into cactiTableButton used generic chevron-down/chevron-up glyphs; switch them to ti ti-table-export / ti ti-table-import to match the rest of the glyph theme.
* Glyph-ify the Save Filter Defaults button on the filter bar
The has_save 'Save' action rendered as a text button on the modern bar (and legacy filter); force a ti ti-device-floppy glyph via emit_field like go/clear/import/export so it matches the rest of the glyph theme.
* Regenerate tree-view graphs when applying a saved filter layout
The modern layout selector loaded a layout's saved data-url (action=tree) directly, so on the Graph Tree view it pulled the tree shell instead of regenerating graphs. Route the layout-url loads (selector change, refresh button, and dialog Apply) through correctUrlParameters() so action=tree becomes action=tree_content and graphs reload into #main, matching applyGraphFilter(). No-op on non-tree pages.
* Keep timespan controls working after ajax reloads and tip custom date fields
On the Graph Preview page the predefined_timespan change and tsrefresh/tsclear/shift click handlers were bound directly inside the filter's inline ready script, so an ajax content reload that replaced the timespan controls dropped the bindings (a full page refresh restored them). Bind them with namespaced event delegation on document so they survive content replacement and never double-bind. Add tooltips to the custom start/end date inputs telling the user to click Refresh to apply the range, plus POT entries and a changelog note.
* Record layouts.php static redirect in the sink inventory baseline
The sink and architectural hotspot guard flagged inventory drift: layouts.php's static header('Location: layouts.php') redirect (no request input) was never added to the tracked baseline. Refresh the baseline via tests/security/build_sink_inventory.sh to record it.
* Fix layout Save-As dialog state and use cacti_redirect in layouts.php
Address review findings: (1) use cacti_redirect('layouts.php') instead of a raw header()+exit so the standard redirect checks run (and drop the now-unneeded sink-inventory entry); (2) reset the dialog's force-new flag after the first successful save so later saves update the created layout instead of creating duplicates; (3) preserve an existing dirty state when reopening the Edit dialog so pending edits are not silently discarded by Apply.
* Drop stale layout msgids from the translation template
Remove the Filter Layouts, Published to all users, Publish to all users, and No Filter Layouts Found msgids that this PR replaced (now Layouts, Make Global, Make Local, No Layouts Found); all four are absent from PHP. Keeps the surgically-maintained POT in sync with the shipped strings.
---------
Co-authored-by: TheWitness <TheWitness@users.noreply.github.com>
2291 lines
77 KiB
JavaScript
2291 lines
77 KiB
JavaScript
/*! jQuery Timepicker Addon - v1.6.3 - 2016-04-20
|
|
* http://trentrichardson.com/examples/timepicker
|
|
* Copyright (c) 2016 Trent Richardson; Licensed MIT */
|
|
(function (factory) {
|
|
if (typeof define === 'function' && define.amd) {
|
|
define(['jquery', 'jquery-ui'], factory);
|
|
} else {
|
|
factory(jQuery);
|
|
}
|
|
}(function ($) {
|
|
|
|
/*
|
|
* Lets not redefine timepicker, Prevent "Uncaught RangeError: Maximum call stack size exceeded"
|
|
*/
|
|
$.ui.timepicker = $.ui.timepicker || {};
|
|
if ($.ui.timepicker.version) {
|
|
return;
|
|
}
|
|
|
|
/*
|
|
* Extend jQueryUI, get it started with our version number
|
|
*/
|
|
$.extend($.ui, {
|
|
timepicker: {
|
|
version: "1.6.3"
|
|
}
|
|
});
|
|
|
|
/*
|
|
* Timepicker manager.
|
|
* Use the singleton instance of this class, $.timepicker, to interact with the time picker.
|
|
* Settings for (groups of) time pickers are maintained in an instance object,
|
|
* allowing multiple different settings on the same page.
|
|
*/
|
|
var Timepicker = function () {
|
|
this.regional = []; // Available regional settings, indexed by language code
|
|
this.regional[''] = { // Default regional settings
|
|
currentText: 'Now',
|
|
closeText: 'Done',
|
|
amNames: ['AM', 'A'],
|
|
pmNames: ['PM', 'P'],
|
|
timeFormat: 'HH:mm',
|
|
timeSuffix: '',
|
|
timeOnlyTitle: 'Choose Time',
|
|
timeText: 'Time',
|
|
hourText: 'Hour',
|
|
minuteText: 'Minute',
|
|
secondText: 'Second',
|
|
millisecText: 'Millisecond',
|
|
microsecText: 'Microsecond',
|
|
timezoneText: 'Time Zone',
|
|
isRTL: false
|
|
};
|
|
this._defaults = { // Global defaults for all the datetime picker instances
|
|
showButtonPanel: true,
|
|
timeOnly: false,
|
|
timeOnlyShowDate: false,
|
|
showHour: null,
|
|
showMinute: null,
|
|
showSecond: null,
|
|
showMillisec: null,
|
|
showMicrosec: null,
|
|
showTimezone: null,
|
|
showTime: true,
|
|
stepHour: 1,
|
|
stepMinute: 1,
|
|
stepSecond: 1,
|
|
stepMillisec: 1,
|
|
stepMicrosec: 1,
|
|
hour: 0,
|
|
minute: 0,
|
|
second: 0,
|
|
millisec: 0,
|
|
microsec: 0,
|
|
timezone: null,
|
|
hourMin: 0,
|
|
minuteMin: 0,
|
|
secondMin: 0,
|
|
millisecMin: 0,
|
|
microsecMin: 0,
|
|
hourMax: 23,
|
|
minuteMax: 59,
|
|
secondMax: 59,
|
|
millisecMax: 999,
|
|
microsecMax: 999,
|
|
minDateTime: null,
|
|
maxDateTime: null,
|
|
maxTime: null,
|
|
minTime: null,
|
|
onSelect: null,
|
|
hourGrid: 0,
|
|
minuteGrid: 0,
|
|
secondGrid: 0,
|
|
millisecGrid: 0,
|
|
microsecGrid: 0,
|
|
alwaysSetTime: true,
|
|
separator: ' ',
|
|
altFieldTimeOnly: true,
|
|
altTimeFormat: null,
|
|
altSeparator: null,
|
|
altTimeSuffix: null,
|
|
altRedirectFocus: true,
|
|
pickerTimeFormat: null,
|
|
pickerTimeSuffix: null,
|
|
showTimepicker: true,
|
|
timezoneList: null,
|
|
addSliderAccess: false,
|
|
sliderAccessArgs: null,
|
|
controlType: 'slider',
|
|
oneLine: false,
|
|
defaultValue: null,
|
|
parse: 'strict',
|
|
afterInject: null
|
|
};
|
|
$.extend(this._defaults, this.regional['']);
|
|
};
|
|
|
|
$.extend(Timepicker.prototype, {
|
|
$input: null,
|
|
$altInput: null,
|
|
$timeObj: null,
|
|
inst: null,
|
|
hour_slider: null,
|
|
minute_slider: null,
|
|
second_slider: null,
|
|
millisec_slider: null,
|
|
microsec_slider: null,
|
|
timezone_select: null,
|
|
maxTime: null,
|
|
minTime: null,
|
|
hour: 0,
|
|
minute: 0,
|
|
second: 0,
|
|
millisec: 0,
|
|
microsec: 0,
|
|
timezone: null,
|
|
hourMinOriginal: null,
|
|
minuteMinOriginal: null,
|
|
secondMinOriginal: null,
|
|
millisecMinOriginal: null,
|
|
microsecMinOriginal: null,
|
|
hourMaxOriginal: null,
|
|
minuteMaxOriginal: null,
|
|
secondMaxOriginal: null,
|
|
millisecMaxOriginal: null,
|
|
microsecMaxOriginal: null,
|
|
ampm: '',
|
|
formattedDate: '',
|
|
formattedTime: '',
|
|
formattedDateTime: '',
|
|
timezoneList: null,
|
|
units: ['hour', 'minute', 'second', 'millisec', 'microsec'],
|
|
support: {},
|
|
control: null,
|
|
|
|
/*
|
|
* Override the default settings for all instances of the time picker.
|
|
* @param {Object} settings object - the new settings to use as defaults (anonymous object)
|
|
* @return {Object} the manager object
|
|
*/
|
|
setDefaults: function (settings) {
|
|
extendRemove(this._defaults, settings || {});
|
|
return this;
|
|
},
|
|
|
|
/*
|
|
* Create a new Timepicker instance
|
|
*/
|
|
_newInst: function ($input, opts) {
|
|
var tp_inst = new Timepicker(),
|
|
inlineSettings = {},
|
|
fns = {},
|
|
overrides, i;
|
|
|
|
for (var attrName in this._defaults) {
|
|
if (this._defaults.hasOwnProperty(attrName)) {
|
|
var attrValue = $input.attr('time:' + attrName);
|
|
if (attrValue) {
|
|
try {
|
|
inlineSettings[attrName] = eval(attrValue);
|
|
} catch (err) {
|
|
inlineSettings[attrName] = attrValue;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
overrides = {
|
|
beforeShow: function (input, dp_inst) {
|
|
if (typeof tp_inst._defaults.evnts.beforeShow === 'function') {
|
|
return tp_inst._defaults.evnts.beforeShow.call($input[0], input, dp_inst, tp_inst);
|
|
}
|
|
},
|
|
onChangeMonthYear: function (year, month, dp_inst) {
|
|
// Update the time as well : this prevents the time from disappearing from the $input field.
|
|
// tp_inst._updateDateTime(dp_inst);
|
|
if (typeof tp_inst._defaults.evnts.onChangeMonthYear === 'function') {
|
|
tp_inst._defaults.evnts.onChangeMonthYear.call($input[0], year, month, dp_inst, tp_inst);
|
|
}
|
|
},
|
|
onClose: function (dateText, dp_inst) {
|
|
if (tp_inst.timeDefined === true && $input.val() !== '') {
|
|
tp_inst._updateDateTime(dp_inst);
|
|
}
|
|
if (typeof tp_inst._defaults.evnts.onClose === 'function') {
|
|
tp_inst._defaults.evnts.onClose.call($input[0], dateText, dp_inst, tp_inst);
|
|
}
|
|
}
|
|
};
|
|
for (i in overrides) {
|
|
if (overrides.hasOwnProperty(i)) {
|
|
fns[i] = opts[i] || this._defaults[i] || null;
|
|
}
|
|
}
|
|
|
|
tp_inst._defaults = $.extend({}, this._defaults, inlineSettings, opts, overrides, {
|
|
evnts: fns,
|
|
timepicker: tp_inst // add timepicker as a property of datepicker: $.datepicker._get(dp_inst, 'timepicker');
|
|
});
|
|
tp_inst.amNames = $.map(tp_inst._defaults.amNames, function (val) {
|
|
return val.toUpperCase();
|
|
});
|
|
tp_inst.pmNames = $.map(tp_inst._defaults.pmNames, function (val) {
|
|
return val.toUpperCase();
|
|
});
|
|
|
|
// detect which units are supported
|
|
tp_inst.support = detectSupport(
|
|
tp_inst._defaults.timeFormat +
|
|
(tp_inst._defaults.pickerTimeFormat ? tp_inst._defaults.pickerTimeFormat : '') +
|
|
(tp_inst._defaults.altTimeFormat ? tp_inst._defaults.altTimeFormat : ''));
|
|
|
|
// controlType is string - key to our this._controls
|
|
if (typeof(tp_inst._defaults.controlType) === 'string') {
|
|
if (tp_inst._defaults.controlType === 'slider' && typeof($.ui.slider) === 'undefined') {
|
|
tp_inst._defaults.controlType = 'select';
|
|
}
|
|
tp_inst.control = tp_inst._controls[tp_inst._defaults.controlType];
|
|
}
|
|
// controlType is an object and must implement create, options, value methods
|
|
else {
|
|
tp_inst.control = tp_inst._defaults.controlType;
|
|
}
|
|
|
|
// prep the timezone options
|
|
var timezoneList = [-720, -660, -600, -570, -540, -480, -420, -360, -300, -270, -240, -210, -180, -120, -60,
|
|
0, 60, 120, 180, 210, 240, 270, 300, 330, 345, 360, 390, 420, 480, 525, 540, 570, 600, 630, 660, 690, 720, 765, 780, 840];
|
|
if (tp_inst._defaults.timezoneList !== null) {
|
|
timezoneList = tp_inst._defaults.timezoneList;
|
|
}
|
|
var tzl = timezoneList.length, tzi = 0, tzv = null;
|
|
if (tzl > 0 && typeof timezoneList[0] !== 'object') {
|
|
for (; tzi < tzl; tzi++) {
|
|
tzv = timezoneList[tzi];
|
|
timezoneList[tzi] = { value: tzv, label: $.timepicker.timezoneOffsetString(tzv, tp_inst.support.iso8601) };
|
|
}
|
|
}
|
|
tp_inst._defaults.timezoneList = timezoneList;
|
|
|
|
// set the default units
|
|
tp_inst.timezone = tp_inst._defaults.timezone !== null ? $.timepicker.timezoneOffsetNumber(tp_inst._defaults.timezone) :
|
|
((new Date()).getTimezoneOffset() * -1);
|
|
tp_inst.hour = tp_inst._defaults.hour < tp_inst._defaults.hourMin ? tp_inst._defaults.hourMin :
|
|
tp_inst._defaults.hour > tp_inst._defaults.hourMax ? tp_inst._defaults.hourMax : tp_inst._defaults.hour;
|
|
tp_inst.minute = tp_inst._defaults.minute < tp_inst._defaults.minuteMin ? tp_inst._defaults.minuteMin :
|
|
tp_inst._defaults.minute > tp_inst._defaults.minuteMax ? tp_inst._defaults.minuteMax : tp_inst._defaults.minute;
|
|
tp_inst.second = tp_inst._defaults.second < tp_inst._defaults.secondMin ? tp_inst._defaults.secondMin :
|
|
tp_inst._defaults.second > tp_inst._defaults.secondMax ? tp_inst._defaults.secondMax : tp_inst._defaults.second;
|
|
tp_inst.millisec = tp_inst._defaults.millisec < tp_inst._defaults.millisecMin ? tp_inst._defaults.millisecMin :
|
|
tp_inst._defaults.millisec > tp_inst._defaults.millisecMax ? tp_inst._defaults.millisecMax : tp_inst._defaults.millisec;
|
|
tp_inst.microsec = tp_inst._defaults.microsec < tp_inst._defaults.microsecMin ? tp_inst._defaults.microsecMin :
|
|
tp_inst._defaults.microsec > tp_inst._defaults.microsecMax ? tp_inst._defaults.microsecMax : tp_inst._defaults.microsec;
|
|
tp_inst.ampm = '';
|
|
tp_inst.$input = $input;
|
|
|
|
if (tp_inst._defaults.altField) {
|
|
tp_inst.$altInput = $(tp_inst._defaults.altField);
|
|
if (tp_inst._defaults.altRedirectFocus === true) {
|
|
tp_inst.$altInput.css({
|
|
cursor: 'pointer'
|
|
}).focus(function () {
|
|
$input.trigger("focus");
|
|
});
|
|
}
|
|
}
|
|
|
|
if (tp_inst._defaults.minDate === 0 || tp_inst._defaults.minDateTime === 0) {
|
|
tp_inst._defaults.minDate = new Date();
|
|
}
|
|
if (tp_inst._defaults.maxDate === 0 || tp_inst._defaults.maxDateTime === 0) {
|
|
tp_inst._defaults.maxDate = new Date();
|
|
}
|
|
|
|
// datepicker needs minDate/maxDate, timepicker needs minDateTime/maxDateTime..
|
|
if (tp_inst._defaults.minDate !== undefined && tp_inst._defaults.minDate instanceof Date) {
|
|
tp_inst._defaults.minDateTime = new Date(tp_inst._defaults.minDate.getTime());
|
|
}
|
|
if (tp_inst._defaults.minDateTime !== undefined && tp_inst._defaults.minDateTime instanceof Date) {
|
|
tp_inst._defaults.minDate = new Date(tp_inst._defaults.minDateTime.getTime());
|
|
}
|
|
if (tp_inst._defaults.maxDate !== undefined && tp_inst._defaults.maxDate instanceof Date) {
|
|
tp_inst._defaults.maxDateTime = new Date(tp_inst._defaults.maxDate.getTime());
|
|
}
|
|
if (tp_inst._defaults.maxDateTime !== undefined && tp_inst._defaults.maxDateTime instanceof Date) {
|
|
tp_inst._defaults.maxDate = new Date(tp_inst._defaults.maxDateTime.getTime());
|
|
}
|
|
tp_inst.$input.bind('focus', function () {
|
|
tp_inst._onFocus();
|
|
});
|
|
|
|
return tp_inst;
|
|
},
|
|
|
|
/*
|
|
* add our sliders to the calendar
|
|
*/
|
|
_addTimePicker: function (dp_inst) {
|
|
var currDT = ((this.$altInput && this._defaults.altFieldTimeOnly) ? this.$input.val() + ' ' + this.$altInput.val() : this.$input.val()).trim();
|
|
|
|
this.timeDefined = this._parseTime(currDT);
|
|
this._limitMinMaxDateTime(dp_inst, false);
|
|
this._injectTimePicker();
|
|
this._afterInject();
|
|
},
|
|
|
|
/*
|
|
* parse the time string from input value or _setTime
|
|
*/
|
|
_parseTime: function (timeString, withDate) {
|
|
if (!this.inst) {
|
|
this.inst = $.datepicker._getInst(this.$input[0]);
|
|
}
|
|
|
|
if (withDate || !this._defaults.timeOnly) {
|
|
var dp_dateFormat = $.datepicker._get(this.inst, 'dateFormat');
|
|
try {
|
|
var parseRes = parseDateTimeInternal(dp_dateFormat, this._defaults.timeFormat, timeString, $.datepicker._getFormatConfig(this.inst), this._defaults);
|
|
if (!parseRes.timeObj) {
|
|
return false;
|
|
}
|
|
$.extend(this, parseRes.timeObj);
|
|
} catch (err) {
|
|
$.timepicker.log("Error parsing the date/time string: " + err +
|
|
"\ndate/time string = " + timeString +
|
|
"\ntimeFormat = " + this._defaults.timeFormat +
|
|
"\ndateFormat = " + dp_dateFormat);
|
|
return false;
|
|
}
|
|
return true;
|
|
} else {
|
|
var timeObj = $.datepicker.parseTime(this._defaults.timeFormat, timeString, this._defaults);
|
|
if (!timeObj) {
|
|
return false;
|
|
}
|
|
$.extend(this, timeObj);
|
|
return true;
|
|
}
|
|
},
|
|
|
|
/*
|
|
* Handle callback option after injecting timepicker
|
|
*/
|
|
_afterInject: function() {
|
|
var o = this.inst.settings;
|
|
if (typeof o.afterInject === 'function') {
|
|
o.afterInject.call(this);
|
|
}
|
|
},
|
|
|
|
/*
|
|
* generate and inject html for timepicker into ui datepicker
|
|
*/
|
|
_injectTimePicker: function () {
|
|
var $dp = this.inst.dpDiv,
|
|
o = this.inst.settings,
|
|
tp_inst = this,
|
|
litem = '',
|
|
uitem = '',
|
|
show = null,
|
|
max = {},
|
|
gridSize = {},
|
|
size = null,
|
|
i = 0,
|
|
l = 0;
|
|
|
|
// Prevent displaying twice
|
|
if ($dp.find("div.ui-timepicker-div").length === 0 && o.showTimepicker) {
|
|
var noDisplay = ' ui_tpicker_unit_hide',
|
|
html = '<div class="ui-timepicker-div' + (o.isRTL ? ' ui-timepicker-rtl' : '') + (o.oneLine && o.controlType === 'select' ? ' ui-timepicker-oneLine' : '') + '"><dl>' + '<dt class="ui_tpicker_time_label' + ((o.showTime) ? '' : noDisplay) + '">' + o.timeText + '</dt>' +
|
|
'<dd class="ui_tpicker_time '+ ((o.showTime) ? '' : noDisplay) + '"><input class="ui_tpicker_time_input" ' + (o.timeInput ? '' : 'disabled') + '/></dd>';
|
|
|
|
// Create the markup
|
|
for (i = 0, l = this.units.length; i < l; i++) {
|
|
litem = this.units[i];
|
|
uitem = litem.substr(0, 1).toUpperCase() + litem.substr(1);
|
|
show = o['show' + uitem] !== null ? o['show' + uitem] : this.support[litem];
|
|
|
|
// Added by Peter Medeiros:
|
|
// - Figure out what the hour/minute/second max should be based on the step values.
|
|
// - Example: if stepMinute is 15, then minMax is 45.
|
|
max[litem] = parseInt((o[litem + 'Max'] - ((o[litem + 'Max'] - o[litem + 'Min']) % o['step' + uitem])), 10);
|
|
gridSize[litem] = 0;
|
|
|
|
html += '<dt class="ui_tpicker_' + litem + '_label' + (show ? '' : noDisplay) + '">' + o[litem + 'Text'] + '</dt>' +
|
|
'<dd class="ui_tpicker_' + litem + (show ? '' : noDisplay) + '"><div class="ui_tpicker_' + litem + '_slider' + (show ? '' : noDisplay) + '"></div>';
|
|
|
|
if (show && o[litem + 'Grid'] > 0) {
|
|
html += '<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>';
|
|
|
|
if (litem === 'hour') {
|
|
for (var h = o[litem + 'Min']; h <= max[litem]; h += parseInt(o[litem + 'Grid'], 10)) {
|
|
gridSize[litem]++;
|
|
var tmph = $.datepicker.formatTime(this.support.ampm ? 'hht' : 'HH', {hour: h}, o);
|
|
html += '<td data-for="' + litem + '">' + tmph + '</td>';
|
|
}
|
|
}
|
|
else {
|
|
for (var m = o[litem + 'Min']; m <= max[litem]; m += parseInt(o[litem + 'Grid'], 10)) {
|
|
gridSize[litem]++;
|
|
html += '<td data-for="' + litem + '">' + ((m < 10) ? '0' : '') + m + '</td>';
|
|
}
|
|
}
|
|
|
|
html += '</tr></table></div>';
|
|
}
|
|
html += '</dd>';
|
|
}
|
|
|
|
// Timezone
|
|
var showTz = o.showTimezone !== null ? o.showTimezone : this.support.timezone;
|
|
html += '<dt class="ui_tpicker_timezone_label' + (showTz ? '' : noDisplay) + '">' + o.timezoneText + '</dt>';
|
|
html += '<dd class="ui_tpicker_timezone' + (showTz ? '' : noDisplay) + '"></dd>';
|
|
|
|
// Create the elements from string
|
|
html += '</dl></div>';
|
|
var $tp = $(html);
|
|
|
|
// if we only want time picker...
|
|
if (o.timeOnly === true) {
|
|
$tp.prepend('<div class="ui-widget-header ui-helper-clearfix ui-corner-all">' + '<div class="ui-datepicker-title">' + o.timeOnlyTitle + '</div>' + '</div>');
|
|
$dp.find('.ui-datepicker-header, .ui-datepicker-calendar').hide();
|
|
}
|
|
|
|
// add sliders, adjust grids, add events
|
|
for (i = 0, l = tp_inst.units.length; i < l; i++) {
|
|
litem = tp_inst.units[i];
|
|
uitem = litem.substr(0, 1).toUpperCase() + litem.substr(1);
|
|
show = o['show' + uitem] !== null ? o['show' + uitem] : this.support[litem];
|
|
|
|
// add the slider
|
|
tp_inst[litem + '_slider'] = tp_inst.control.create(tp_inst, $tp.find('.ui_tpicker_' + litem + '_slider'), litem, tp_inst[litem], o[litem + 'Min'], max[litem], o['step' + uitem]);
|
|
|
|
// adjust the grid and add click event
|
|
if (show && o[litem + 'Grid'] > 0) {
|
|
size = 100 * gridSize[litem] * o[litem + 'Grid'] / (max[litem] - o[litem + 'Min']);
|
|
$tp.find('.ui_tpicker_' + litem + ' table').css({
|
|
width: size + "%",
|
|
marginLeft: o.isRTL ? '0' : ((size / (-2 * gridSize[litem])) + "%"),
|
|
marginRight: o.isRTL ? ((size / (-2 * gridSize[litem])) + "%") : '0',
|
|
borderCollapse: 'collapse'
|
|
}).find("td").click(function (e) {
|
|
var $t = $(this),
|
|
h = $t.html(),
|
|
n = parseInt(h.replace(/[^0-9]/g), 10),
|
|
ap = h.replace(/[^apm]/ig),
|
|
f = $t.data('for'); // loses scope, so we use data-for
|
|
|
|
if (f === 'hour') {
|
|
if (ap.indexOf('p') !== -1 && n < 12) {
|
|
n += 12;
|
|
}
|
|
else {
|
|
if (ap.indexOf('a') !== -1 && n === 12) {
|
|
n = 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
tp_inst.control.value(tp_inst, tp_inst[f + '_slider'], litem, n);
|
|
|
|
tp_inst._onTimeChange();
|
|
tp_inst._onSelectHandler();
|
|
}).css({
|
|
cursor: 'pointer',
|
|
width: (100 / gridSize[litem]) + '%',
|
|
textAlign: 'center',
|
|
overflow: 'hidden'
|
|
});
|
|
} // end if grid > 0
|
|
} // end for loop
|
|
|
|
// Add timezone options
|
|
this.timezone_select = $tp.find('.ui_tpicker_timezone').append('<select></select>').find("select");
|
|
$.fn.append.apply(this.timezone_select,
|
|
$.map(o.timezoneList, function (val, idx) {
|
|
return $("<option />").val(typeof val === "object" ? val.value : val).text(typeof val === "object" ? val.label : val);
|
|
}));
|
|
if (typeof(this.timezone) !== "undefined" && this.timezone !== null && this.timezone !== "") {
|
|
var local_timezone = (new Date(this.inst.selectedYear, this.inst.selectedMonth, this.inst.selectedDay, 12)).getTimezoneOffset() * -1;
|
|
if (local_timezone === this.timezone) {
|
|
selectLocalTimezone(tp_inst);
|
|
} else {
|
|
this.timezone_select.val(this.timezone);
|
|
}
|
|
} else {
|
|
if (typeof(this.hour) !== "undefined" && this.hour !== null && this.hour !== "") {
|
|
this.timezone_select.val(o.timezone);
|
|
} else {
|
|
selectLocalTimezone(tp_inst);
|
|
}
|
|
}
|
|
this.timezone_select.change(function () {
|
|
tp_inst._onTimeChange();
|
|
tp_inst._onSelectHandler();
|
|
tp_inst._afterInject();
|
|
});
|
|
// End timezone options
|
|
|
|
// inject timepicker into datepicker
|
|
var $buttonPanel = $dp.find('.ui-datepicker-buttonpane');
|
|
if ($buttonPanel.length) {
|
|
$buttonPanel.before($tp);
|
|
} else {
|
|
$dp.append($tp);
|
|
}
|
|
|
|
this.$timeObj = $tp.find('.ui_tpicker_time_input');
|
|
this.$timeObj.change(function () {
|
|
var timeFormat = tp_inst.inst.settings.timeFormat;
|
|
var parsedTime = $.datepicker.parseTime(timeFormat, this.value);
|
|
var update = new Date();
|
|
if (parsedTime) {
|
|
update.setHours(parsedTime.hour);
|
|
update.setMinutes(parsedTime.minute);
|
|
update.setSeconds(parsedTime.second);
|
|
$.datepicker._setTime(tp_inst.inst, update);
|
|
} else {
|
|
this.value = tp_inst.formattedTime;
|
|
this.blur();
|
|
}
|
|
});
|
|
|
|
if (this.inst !== null) {
|
|
var timeDefined = this.timeDefined;
|
|
this._onTimeChange();
|
|
this.timeDefined = timeDefined;
|
|
}
|
|
|
|
// slideAccess integration: http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/
|
|
if (this._defaults.addSliderAccess) {
|
|
var sliderAccessArgs = this._defaults.sliderAccessArgs,
|
|
rtl = this._defaults.isRTL;
|
|
sliderAccessArgs.isRTL = rtl;
|
|
|
|
setTimeout(function () { // fix for inline mode
|
|
if ($tp.find('.ui-slider-access').length === 0) {
|
|
$tp.find('.ui-slider:visible').sliderAccess(sliderAccessArgs);
|
|
|
|
// fix any grids since sliders are shorter
|
|
var sliderAccessWidth = $tp.find('.ui-slider-access:eq(0)').outerWidth(true);
|
|
if (sliderAccessWidth) {
|
|
$tp.find('table:visible').each(function () {
|
|
var $g = $(this),
|
|
oldWidth = $g.outerWidth(),
|
|
oldMarginLeft = $g.css(rtl ? 'marginRight' : 'marginLeft').toString().replace('%', ''),
|
|
newWidth = oldWidth - sliderAccessWidth,
|
|
newMarginLeft = ((oldMarginLeft * newWidth) / oldWidth) + '%',
|
|
css = { width: newWidth, marginRight: 0, marginLeft: 0 };
|
|
css[rtl ? 'marginRight' : 'marginLeft'] = newMarginLeft;
|
|
$g.css(css);
|
|
});
|
|
}
|
|
}
|
|
}, 10);
|
|
}
|
|
// end slideAccess integration
|
|
|
|
tp_inst._limitMinMaxDateTime(this.inst, true);
|
|
}
|
|
},
|
|
|
|
/*
|
|
* This function tries to limit the ability to go outside the
|
|
* min/max date range
|
|
*/
|
|
_limitMinMaxDateTime: function (dp_inst, adjustSliders) {
|
|
var o = this._defaults,
|
|
dp_date = new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay);
|
|
|
|
if (!this._defaults.showTimepicker) {
|
|
return;
|
|
} // No time so nothing to check here
|
|
|
|
if ($.datepicker._get(dp_inst, 'minDateTime') !== null && $.datepicker._get(dp_inst, 'minDateTime') !== undefined && dp_date) {
|
|
var minDateTime = $.datepicker._get(dp_inst, 'minDateTime'),
|
|
minDateTimeDate = new Date(minDateTime.getFullYear(), minDateTime.getMonth(), minDateTime.getDate(), 0, 0, 0, 0);
|
|
|
|
if (this.hourMinOriginal === null || this.minuteMinOriginal === null || this.secondMinOriginal === null || this.millisecMinOriginal === null || this.microsecMinOriginal === null) {
|
|
this.hourMinOriginal = o.hourMin;
|
|
this.minuteMinOriginal = o.minuteMin;
|
|
this.secondMinOriginal = o.secondMin;
|
|
this.millisecMinOriginal = o.millisecMin;
|
|
this.microsecMinOriginal = o.microsecMin;
|
|
}
|
|
|
|
if (dp_inst.settings.timeOnly || minDateTimeDate.getTime() === dp_date.getTime()) {
|
|
this._defaults.hourMin = minDateTime.getHours();
|
|
if (this.hour <= this._defaults.hourMin) {
|
|
this.hour = this._defaults.hourMin;
|
|
this._defaults.minuteMin = minDateTime.getMinutes();
|
|
if (this.minute <= this._defaults.minuteMin) {
|
|
this.minute = this._defaults.minuteMin;
|
|
this._defaults.secondMin = minDateTime.getSeconds();
|
|
if (this.second <= this._defaults.secondMin) {
|
|
this.second = this._defaults.secondMin;
|
|
this._defaults.millisecMin = minDateTime.getMilliseconds();
|
|
if (this.millisec <= this._defaults.millisecMin) {
|
|
this.millisec = this._defaults.millisecMin;
|
|
this._defaults.microsecMin = minDateTime.getMicroseconds();
|
|
} else {
|
|
if (this.microsec < this._defaults.microsecMin) {
|
|
this.microsec = this._defaults.microsecMin;
|
|
}
|
|
this._defaults.microsecMin = this.microsecMinOriginal;
|
|
}
|
|
} else {
|
|
this._defaults.millisecMin = this.millisecMinOriginal;
|
|
this._defaults.microsecMin = this.microsecMinOriginal;
|
|
}
|
|
} else {
|
|
this._defaults.secondMin = this.secondMinOriginal;
|
|
this._defaults.millisecMin = this.millisecMinOriginal;
|
|
this._defaults.microsecMin = this.microsecMinOriginal;
|
|
}
|
|
} else {
|
|
this._defaults.minuteMin = this.minuteMinOriginal;
|
|
this._defaults.secondMin = this.secondMinOriginal;
|
|
this._defaults.millisecMin = this.millisecMinOriginal;
|
|
this._defaults.microsecMin = this.microsecMinOriginal;
|
|
}
|
|
} else {
|
|
this._defaults.hourMin = this.hourMinOriginal;
|
|
this._defaults.minuteMin = this.minuteMinOriginal;
|
|
this._defaults.secondMin = this.secondMinOriginal;
|
|
this._defaults.millisecMin = this.millisecMinOriginal;
|
|
this._defaults.microsecMin = this.microsecMinOriginal;
|
|
}
|
|
}
|
|
|
|
if ($.datepicker._get(dp_inst, 'maxDateTime') !== null && $.datepicker._get(dp_inst, 'maxDateTime') !== undefined && dp_date) {
|
|
var maxDateTime = $.datepicker._get(dp_inst, 'maxDateTime'),
|
|
maxDateTimeDate = new Date(maxDateTime.getFullYear(), maxDateTime.getMonth(), maxDateTime.getDate(), 0, 0, 0, 0);
|
|
|
|
if (this.hourMaxOriginal === null || this.minuteMaxOriginal === null || this.secondMaxOriginal === null || this.millisecMaxOriginal === null) {
|
|
this.hourMaxOriginal = o.hourMax;
|
|
this.minuteMaxOriginal = o.minuteMax;
|
|
this.secondMaxOriginal = o.secondMax;
|
|
this.millisecMaxOriginal = o.millisecMax;
|
|
this.microsecMaxOriginal = o.microsecMax;
|
|
}
|
|
|
|
if (dp_inst.settings.timeOnly || maxDateTimeDate.getTime() === dp_date.getTime()) {
|
|
this._defaults.hourMax = maxDateTime.getHours();
|
|
if (this.hour >= this._defaults.hourMax) {
|
|
this.hour = this._defaults.hourMax;
|
|
this._defaults.minuteMax = maxDateTime.getMinutes();
|
|
if (this.minute >= this._defaults.minuteMax) {
|
|
this.minute = this._defaults.minuteMax;
|
|
this._defaults.secondMax = maxDateTime.getSeconds();
|
|
if (this.second >= this._defaults.secondMax) {
|
|
this.second = this._defaults.secondMax;
|
|
this._defaults.millisecMax = maxDateTime.getMilliseconds();
|
|
if (this.millisec >= this._defaults.millisecMax) {
|
|
this.millisec = this._defaults.millisecMax;
|
|
this._defaults.microsecMax = maxDateTime.getMicroseconds();
|
|
} else {
|
|
if (this.microsec > this._defaults.microsecMax) {
|
|
this.microsec = this._defaults.microsecMax;
|
|
}
|
|
this._defaults.microsecMax = this.microsecMaxOriginal;
|
|
}
|
|
} else {
|
|
this._defaults.millisecMax = this.millisecMaxOriginal;
|
|
this._defaults.microsecMax = this.microsecMaxOriginal;
|
|
}
|
|
} else {
|
|
this._defaults.secondMax = this.secondMaxOriginal;
|
|
this._defaults.millisecMax = this.millisecMaxOriginal;
|
|
this._defaults.microsecMax = this.microsecMaxOriginal;
|
|
}
|
|
} else {
|
|
this._defaults.minuteMax = this.minuteMaxOriginal;
|
|
this._defaults.secondMax = this.secondMaxOriginal;
|
|
this._defaults.millisecMax = this.millisecMaxOriginal;
|
|
this._defaults.microsecMax = this.microsecMaxOriginal;
|
|
}
|
|
} else {
|
|
this._defaults.hourMax = this.hourMaxOriginal;
|
|
this._defaults.minuteMax = this.minuteMaxOriginal;
|
|
this._defaults.secondMax = this.secondMaxOriginal;
|
|
this._defaults.millisecMax = this.millisecMaxOriginal;
|
|
this._defaults.microsecMax = this.microsecMaxOriginal;
|
|
}
|
|
}
|
|
|
|
if (dp_inst.settings.minTime!==null) {
|
|
var tempMinTime=new Date("01/01/1970 " + dp_inst.settings.minTime);
|
|
if (this.hour<tempMinTime.getHours()) {
|
|
this.hour=this._defaults.hourMin=tempMinTime.getHours();
|
|
this.minute=this._defaults.minuteMin=tempMinTime.getMinutes();
|
|
} else if (this.hour===tempMinTime.getHours() && this.minute<tempMinTime.getMinutes()) {
|
|
this.minute=this._defaults.minuteMin=tempMinTime.getMinutes();
|
|
} else {
|
|
if (this._defaults.hourMin<tempMinTime.getHours()) {
|
|
this._defaults.hourMin=tempMinTime.getHours();
|
|
this._defaults.minuteMin=tempMinTime.getMinutes();
|
|
} else if (this._defaults.hourMin===tempMinTime.getHours()===this.hour && this._defaults.minuteMin<tempMinTime.getMinutes()) {
|
|
this._defaults.minuteMin=tempMinTime.getMinutes();
|
|
} else {
|
|
this._defaults.minuteMin=0;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (dp_inst.settings.maxTime!==null) {
|
|
var tempMaxTime=new Date("01/01/1970 " + dp_inst.settings.maxTime);
|
|
if (this.hour>tempMaxTime.getHours()) {
|
|
this.hour=this._defaults.hourMax=tempMaxTime.getHours();
|
|
this.minute=this._defaults.minuteMax=tempMaxTime.getMinutes();
|
|
} else if (this.hour===tempMaxTime.getHours() && this.minute>tempMaxTime.getMinutes()) {
|
|
this.minute=this._defaults.minuteMax=tempMaxTime.getMinutes();
|
|
} else {
|
|
if (this._defaults.hourMax>tempMaxTime.getHours()) {
|
|
this._defaults.hourMax=tempMaxTime.getHours();
|
|
this._defaults.minuteMax=tempMaxTime.getMinutes();
|
|
} else if (this._defaults.hourMax===tempMaxTime.getHours()===this.hour && this._defaults.minuteMax>tempMaxTime.getMinutes()) {
|
|
this._defaults.minuteMax=tempMaxTime.getMinutes();
|
|
} else {
|
|
this._defaults.minuteMax=59;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (adjustSliders !== undefined && adjustSliders === true) {
|
|
var hourMax = parseInt((this._defaults.hourMax - ((this._defaults.hourMax - this._defaults.hourMin) % this._defaults.stepHour)), 10),
|
|
minMax = parseInt((this._defaults.minuteMax - ((this._defaults.minuteMax - this._defaults.minuteMin) % this._defaults.stepMinute)), 10),
|
|
secMax = parseInt((this._defaults.secondMax - ((this._defaults.secondMax - this._defaults.secondMin) % this._defaults.stepSecond)), 10),
|
|
millisecMax = parseInt((this._defaults.millisecMax - ((this._defaults.millisecMax - this._defaults.millisecMin) % this._defaults.stepMillisec)), 10),
|
|
microsecMax = parseInt((this._defaults.microsecMax - ((this._defaults.microsecMax - this._defaults.microsecMin) % this._defaults.stepMicrosec)), 10);
|
|
|
|
if (this.hour_slider) {
|
|
this.control.options(this, this.hour_slider, 'hour', { min: this._defaults.hourMin, max: hourMax, step: this._defaults.stepHour });
|
|
this.control.value(this, this.hour_slider, 'hour', this.hour - (this.hour % this._defaults.stepHour));
|
|
}
|
|
if (this.minute_slider) {
|
|
this.control.options(this, this.minute_slider, 'minute', { min: this._defaults.minuteMin, max: minMax, step: this._defaults.stepMinute });
|
|
this.control.value(this, this.minute_slider, 'minute', this.minute - (this.minute % this._defaults.stepMinute));
|
|
}
|
|
if (this.second_slider) {
|
|
this.control.options(this, this.second_slider, 'second', { min: this._defaults.secondMin, max: secMax, step: this._defaults.stepSecond });
|
|
this.control.value(this, this.second_slider, 'second', this.second - (this.second % this._defaults.stepSecond));
|
|
}
|
|
if (this.millisec_slider) {
|
|
this.control.options(this, this.millisec_slider, 'millisec', { min: this._defaults.millisecMin, max: millisecMax, step: this._defaults.stepMillisec });
|
|
this.control.value(this, this.millisec_slider, 'millisec', this.millisec - (this.millisec % this._defaults.stepMillisec));
|
|
}
|
|
if (this.microsec_slider) {
|
|
this.control.options(this, this.microsec_slider, 'microsec', { min: this._defaults.microsecMin, max: microsecMax, step: this._defaults.stepMicrosec });
|
|
this.control.value(this, this.microsec_slider, 'microsec', this.microsec - (this.microsec % this._defaults.stepMicrosec));
|
|
}
|
|
}
|
|
|
|
},
|
|
|
|
/*
|
|
* when a slider moves, set the internal time...
|
|
* on time change is also called when the time is updated in the text field
|
|
*/
|
|
_onTimeChange: function () {
|
|
if (!this._defaults.showTimepicker) {
|
|
return;
|
|
}
|
|
var hour = (this.hour_slider) ? this.control.value(this, this.hour_slider, 'hour') : false,
|
|
minute = (this.minute_slider) ? this.control.value(this, this.minute_slider, 'minute') : false,
|
|
second = (this.second_slider) ? this.control.value(this, this.second_slider, 'second') : false,
|
|
millisec = (this.millisec_slider) ? this.control.value(this, this.millisec_slider, 'millisec') : false,
|
|
microsec = (this.microsec_slider) ? this.control.value(this, this.microsec_slider, 'microsec') : false,
|
|
timezone = (this.timezone_select) ? this.timezone_select.val() : false,
|
|
o = this._defaults,
|
|
pickerTimeFormat = o.pickerTimeFormat || o.timeFormat,
|
|
pickerTimeSuffix = o.pickerTimeSuffix || o.timeSuffix;
|
|
|
|
if (typeof(hour) === 'object') {
|
|
hour = false;
|
|
}
|
|
if (typeof(minute) === 'object') {
|
|
minute = false;
|
|
}
|
|
if (typeof(second) === 'object') {
|
|
second = false;
|
|
}
|
|
if (typeof(millisec) === 'object') {
|
|
millisec = false;
|
|
}
|
|
if (typeof(microsec) === 'object') {
|
|
microsec = false;
|
|
}
|
|
if (typeof(timezone) === 'object') {
|
|
timezone = false;
|
|
}
|
|
|
|
if (hour !== false) {
|
|
hour = parseInt(hour, 10);
|
|
}
|
|
if (minute !== false) {
|
|
minute = parseInt(minute, 10);
|
|
}
|
|
if (second !== false) {
|
|
second = parseInt(second, 10);
|
|
}
|
|
if (millisec !== false) {
|
|
millisec = parseInt(millisec, 10);
|
|
}
|
|
if (microsec !== false) {
|
|
microsec = parseInt(microsec, 10);
|
|
}
|
|
if (timezone !== false) {
|
|
timezone = timezone.toString();
|
|
}
|
|
|
|
var ampm = o[hour < 12 ? 'amNames' : 'pmNames'][0];
|
|
|
|
// If the update was done in the input field, the input field should not be updated.
|
|
// If the update was done using the sliders, update the input field.
|
|
var hasChanged = (
|
|
hour !== parseInt(this.hour,10) || // sliders should all be numeric
|
|
minute !== parseInt(this.minute,10) ||
|
|
second !== parseInt(this.second,10) ||
|
|
millisec !== parseInt(this.millisec,10) ||
|
|
microsec !== parseInt(this.microsec,10) ||
|
|
(this.ampm.length > 0 && (hour < 12) !== ($.inArray(this.ampm.toUpperCase(), this.amNames) !== -1)) ||
|
|
(this.timezone !== null && timezone !== this.timezone.toString()) // could be numeric or "EST" format, so use toString()
|
|
);
|
|
|
|
if (hasChanged) {
|
|
|
|
if (hour !== false) {
|
|
this.hour = hour;
|
|
}
|
|
if (minute !== false) {
|
|
this.minute = minute;
|
|
}
|
|
if (second !== false) {
|
|
this.second = second;
|
|
}
|
|
if (millisec !== false) {
|
|
this.millisec = millisec;
|
|
}
|
|
if (microsec !== false) {
|
|
this.microsec = microsec;
|
|
}
|
|
if (timezone !== false) {
|
|
this.timezone = timezone;
|
|
}
|
|
|
|
if (!this.inst) {
|
|
this.inst = $.datepicker._getInst(this.$input[0]);
|
|
}
|
|
|
|
this._limitMinMaxDateTime(this.inst, true);
|
|
}
|
|
if (this.support.ampm) {
|
|
this.ampm = ampm;
|
|
}
|
|
|
|
// Updates the time within the timepicker
|
|
this.formattedTime = $.datepicker.formatTime(o.timeFormat, this, o);
|
|
if (this.$timeObj) {
|
|
if (pickerTimeFormat === o.timeFormat) {
|
|
this.$timeObj.val(this.formattedTime + pickerTimeSuffix);
|
|
}
|
|
else {
|
|
this.$timeObj.val($.datepicker.formatTime(pickerTimeFormat, this, o) + pickerTimeSuffix);
|
|
}
|
|
if (this.$timeObj[0].setSelectionRange) {
|
|
var sPos = this.$timeObj[0].selectionStart;
|
|
var ePos = this.$timeObj[0].selectionEnd;
|
|
this.$timeObj[0].setSelectionRange(sPos, ePos);
|
|
}
|
|
}
|
|
|
|
this.timeDefined = true;
|
|
if (hasChanged) {
|
|
this._updateDateTime();
|
|
//this.$input.focus(); // may automatically open the picker on setDate
|
|
}
|
|
},
|
|
|
|
/*
|
|
* call custom onSelect.
|
|
* bind to sliders slidestop, and grid click.
|
|
*/
|
|
_onSelectHandler: function () {
|
|
var onSelect = this._defaults.onSelect || this.inst.settings.onSelect;
|
|
var inputEl = this.$input ? this.$input[0] : null;
|
|
if (onSelect && inputEl) {
|
|
onSelect.apply(inputEl, [this.formattedDateTime, this]);
|
|
}
|
|
},
|
|
|
|
/*
|
|
* update our input with the new date time..
|
|
*/
|
|
_updateDateTime: function (dp_inst) {
|
|
dp_inst = this.inst || dp_inst;
|
|
var dtTmp = (dp_inst.currentYear > 0?
|
|
new Date(dp_inst.currentYear, dp_inst.currentMonth, dp_inst.currentDay) :
|
|
new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay)),
|
|
dt = $.datepicker._daylightSavingAdjust(dtTmp),
|
|
//dt = $.datepicker._daylightSavingAdjust(new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay)),
|
|
//dt = $.datepicker._daylightSavingAdjust(new Date(dp_inst.currentYear, dp_inst.currentMonth, dp_inst.currentDay)),
|
|
dateFmt = $.datepicker._get(dp_inst, 'dateFormat'),
|
|
formatCfg = $.datepicker._getFormatConfig(dp_inst),
|
|
timeAvailable = dt !== null && this.timeDefined;
|
|
this.formattedDate = $.datepicker.formatDate(dateFmt, (dt === null ? new Date() : dt), formatCfg);
|
|
var formattedDateTime = this.formattedDate;
|
|
|
|
// if a slider was changed but datepicker doesn't have a value yet, set it
|
|
if (dp_inst.lastVal === "") {
|
|
dp_inst.currentYear = dp_inst.selectedYear;
|
|
dp_inst.currentMonth = dp_inst.selectedMonth;
|
|
dp_inst.currentDay = dp_inst.selectedDay;
|
|
}
|
|
|
|
/*
|
|
* remove following lines to force every changes in date picker to change the input value
|
|
* Bug descriptions: when an input field has a default value, and click on the field to pop up the date picker.
|
|
* If the user manually empty the value in the input field, the date picker will never change selected value.
|
|
*/
|
|
//if (dp_inst.lastVal !== undefined && (dp_inst.lastVal.length > 0 && this.$input.val().length === 0)) {
|
|
// return;
|
|
//}
|
|
|
|
if (this._defaults.timeOnly === true && this._defaults.timeOnlyShowDate === false) {
|
|
formattedDateTime = this.formattedTime;
|
|
} else if ((this._defaults.timeOnly !== true && (this._defaults.alwaysSetTime || timeAvailable)) || (this._defaults.timeOnly === true && this._defaults.timeOnlyShowDate === true)) {
|
|
formattedDateTime += this._defaults.separator + this.formattedTime + this._defaults.timeSuffix;
|
|
}
|
|
|
|
this.formattedDateTime = formattedDateTime;
|
|
|
|
if (!this._defaults.showTimepicker) {
|
|
this.$input.val(this.formattedDate);
|
|
} else if (this.$altInput && this._defaults.timeOnly === false && this._defaults.altFieldTimeOnly === true) {
|
|
this.$altInput.val(this.formattedTime);
|
|
this.$input.val(this.formattedDate);
|
|
} else if (this.$altInput) {
|
|
this.$input.val(formattedDateTime);
|
|
var altFormattedDateTime = '',
|
|
altSeparator = this._defaults.altSeparator !== null ? this._defaults.altSeparator : this._defaults.separator,
|
|
altTimeSuffix = this._defaults.altTimeSuffix !== null ? this._defaults.altTimeSuffix : this._defaults.timeSuffix;
|
|
|
|
if (!this._defaults.timeOnly) {
|
|
if (this._defaults.altFormat) {
|
|
altFormattedDateTime = $.datepicker.formatDate(this._defaults.altFormat, (dt === null ? new Date() : dt), formatCfg);
|
|
}
|
|
else {
|
|
altFormattedDateTime = this.formattedDate;
|
|
}
|
|
|
|
if (altFormattedDateTime) {
|
|
altFormattedDateTime += altSeparator;
|
|
}
|
|
}
|
|
|
|
if (this._defaults.altTimeFormat !== null) {
|
|
altFormattedDateTime += $.datepicker.formatTime(this._defaults.altTimeFormat, this, this._defaults) + altTimeSuffix;
|
|
}
|
|
else {
|
|
altFormattedDateTime += this.formattedTime + altTimeSuffix;
|
|
}
|
|
this.$altInput.val(altFormattedDateTime);
|
|
} else {
|
|
this.$input.val(formattedDateTime);
|
|
}
|
|
|
|
this.$input.trigger("change");
|
|
},
|
|
|
|
_onFocus: function () {
|
|
if (!this.$input.val() && this._defaults.defaultValue) {
|
|
this.$input.val(this._defaults.defaultValue);
|
|
var inst = $.datepicker._getInst(this.$input.get(0)),
|
|
tp_inst = $.datepicker._get(inst, 'timepicker');
|
|
if (tp_inst) {
|
|
if (tp_inst._defaults.timeOnly && (inst.input.val() !== inst.lastVal)) {
|
|
try {
|
|
$.datepicker._updateDatepicker(inst);
|
|
} catch (err) {
|
|
$.timepicker.log(err);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
/*
|
|
* Small abstraction to control types
|
|
* We can add more, just be sure to follow the pattern: create, options, value
|
|
*/
|
|
_controls: {
|
|
// slider methods
|
|
slider: {
|
|
create: function (tp_inst, obj, unit, val, min, max, step) {
|
|
var rtl = tp_inst._defaults.isRTL; // if rtl go -60->0 instead of 0->60
|
|
return obj.prop('slide', null).slider({
|
|
orientation: "horizontal",
|
|
value: rtl ? val * -1 : val,
|
|
min: rtl ? max * -1 : min,
|
|
max: rtl ? min * -1 : max,
|
|
step: step,
|
|
slide: function (event, ui) {
|
|
tp_inst.control.value(tp_inst, $(this), unit, rtl ? ui.value * -1 : ui.value);
|
|
tp_inst._onTimeChange();
|
|
},
|
|
stop: function (event, ui) {
|
|
tp_inst._onSelectHandler();
|
|
}
|
|
});
|
|
},
|
|
options: function (tp_inst, obj, unit, opts, val) {
|
|
if (tp_inst._defaults.isRTL) {
|
|
if (typeof(opts) === 'string') {
|
|
if (opts === 'min' || opts === 'max') {
|
|
if (val !== undefined) {
|
|
return obj.slider(opts, val * -1);
|
|
}
|
|
return Math.abs(obj.slider(opts));
|
|
}
|
|
return obj.slider(opts);
|
|
}
|
|
var min = opts.min,
|
|
max = opts.max;
|
|
opts.min = opts.max = null;
|
|
if (min !== undefined) {
|
|
opts.max = min * -1;
|
|
}
|
|
if (max !== undefined) {
|
|
opts.min = max * -1;
|
|
}
|
|
return obj.slider(opts);
|
|
}
|
|
if (typeof(opts) === 'string' && val !== undefined) {
|
|
return obj.slider(opts, val);
|
|
}
|
|
return obj.slider(opts);
|
|
},
|
|
value: function (tp_inst, obj, unit, val) {
|
|
if (tp_inst._defaults.isRTL) {
|
|
if (val !== undefined) {
|
|
return obj.slider('value', val * -1);
|
|
}
|
|
return Math.abs(obj.slider('value'));
|
|
}
|
|
if (val !== undefined) {
|
|
return obj.slider('value', val);
|
|
}
|
|
return obj.slider('value');
|
|
}
|
|
},
|
|
// select methods
|
|
select: {
|
|
create: function (tp_inst, obj, unit, val, min, max, step) {
|
|
var sel = '<select class="ui-timepicker-select ui-state-default ui-corner-all" data-unit="' + unit + '" data-min="' + min + '" data-max="' + max + '" data-step="' + step + '">',
|
|
format = tp_inst._defaults.pickerTimeFormat || tp_inst._defaults.timeFormat;
|
|
|
|
for (var i = min; i <= max; i += step) {
|
|
sel += '<option value="' + i + '"' + (i === val ? ' selected' : '') + '>';
|
|
if (unit === 'hour') {
|
|
sel += $.datepicker.formatTime((format.replace(/[^ht ]/ig, '')).trim(), {hour: i}, tp_inst._defaults);
|
|
}
|
|
else if (unit === 'millisec' || unit === 'microsec' || i >= 10) { sel += i; }
|
|
else {sel += '0' + i.toString(); }
|
|
sel += '</option>';
|
|
}
|
|
sel += '</select>';
|
|
|
|
obj.children('select').remove();
|
|
|
|
$(sel).appendTo(obj).change(function (e) {
|
|
tp_inst._onTimeChange();
|
|
tp_inst._onSelectHandler();
|
|
tp_inst._afterInject();
|
|
});
|
|
|
|
return obj;
|
|
},
|
|
options: function (tp_inst, obj, unit, opts, val) {
|
|
var o = {},
|
|
$t = obj.children('select');
|
|
if (typeof(opts) === 'string') {
|
|
if (val === undefined) {
|
|
return $t.data(opts);
|
|
}
|
|
o[opts] = val;
|
|
}
|
|
else { o = opts; }
|
|
return tp_inst.control.create(tp_inst, obj, $t.data('unit'), $t.val(), o.min>=0 ? o.min : $t.data('min'), o.max || $t.data('max'), o.step || $t.data('step'));
|
|
},
|
|
value: function (tp_inst, obj, unit, val) {
|
|
var $t = obj.children('select');
|
|
if (val !== undefined) {
|
|
return $t.val(val);
|
|
}
|
|
return $t.val();
|
|
}
|
|
}
|
|
} // end _controls
|
|
|
|
});
|
|
|
|
$.fn.extend({
|
|
/*
|
|
* shorthand just to use timepicker.
|
|
*/
|
|
timepicker: function (o) {
|
|
o = o || {};
|
|
var tmp_args = Array.prototype.slice.call(arguments);
|
|
|
|
if (typeof o === 'object') {
|
|
tmp_args[0] = $.extend(o, {
|
|
timeOnly: true
|
|
});
|
|
}
|
|
|
|
return $(this).each(function () {
|
|
$.fn.datetimepicker.apply($(this), tmp_args);
|
|
});
|
|
},
|
|
|
|
/*
|
|
* extend timepicker to datepicker
|
|
*/
|
|
datetimepicker: function (o) {
|
|
o = o || {};
|
|
var tmp_args = arguments;
|
|
|
|
if (typeof(o) === 'string') {
|
|
if (o === 'getDate' || (o === 'option' && tmp_args.length === 2 && typeof (tmp_args[1]) === 'string')) {
|
|
return $.fn.datepicker.apply($(this[0]), tmp_args);
|
|
} else {
|
|
return this.each(function () {
|
|
var $t = $(this);
|
|
$t.datepicker.apply($t, tmp_args);
|
|
});
|
|
}
|
|
} else {
|
|
return this.each(function () {
|
|
var $t = $(this);
|
|
$t.datepicker($.timepicker._newInst($t, o)._defaults);
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
/*
|
|
* Public Utility to parse date and time
|
|
*/
|
|
$.datepicker.parseDateTime = function (dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings) {
|
|
var parseRes = parseDateTimeInternal(dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings);
|
|
if (parseRes.timeObj) {
|
|
var t = parseRes.timeObj;
|
|
parseRes.date.setHours(t.hour, t.minute, t.second, t.millisec);
|
|
parseRes.date.setMicroseconds(t.microsec);
|
|
}
|
|
|
|
return parseRes.date;
|
|
};
|
|
|
|
/*
|
|
* Public utility to parse time
|
|
*/
|
|
$.datepicker.parseTime = function (timeFormat, timeString, options) {
|
|
var o = extendRemove(extendRemove({}, $.timepicker._defaults), options || {}),
|
|
iso8601 = (timeFormat.replace(/\'.*?\'/g, '').indexOf('Z') !== -1);
|
|
|
|
// Strict parse requires the timeString to match the timeFormat exactly
|
|
var strictParse = function (f, s, o) {
|
|
|
|
// pattern for standard and localized AM/PM markers
|
|
var getPatternAmpm = function (amNames, pmNames) {
|
|
var markers = [];
|
|
if (amNames) {
|
|
$.merge(markers, amNames);
|
|
}
|
|
if (pmNames) {
|
|
$.merge(markers, pmNames);
|
|
}
|
|
markers = $.map(markers, function (val) {
|
|
return val.replace(/[.*+?|()\[\]{}\\]/g, '\\$&');
|
|
});
|
|
return '(' + markers.join('|') + ')?';
|
|
};
|
|
|
|
// figure out position of time elements.. cause js cant do named captures
|
|
var getFormatPositions = function (timeFormat) {
|
|
var finds = timeFormat.toLowerCase().match(/(h{1,2}|m{1,2}|s{1,2}|l{1}|c{1}|t{1,2}|z|'.*?')/g),
|
|
orders = {
|
|
h: -1,
|
|
m: -1,
|
|
s: -1,
|
|
l: -1,
|
|
c: -1,
|
|
t: -1,
|
|
z: -1
|
|
};
|
|
|
|
if (finds) {
|
|
for (var i = 0; i < finds.length; i++) {
|
|
if (orders[finds[i].toString().charAt(0)] === -1) {
|
|
orders[finds[i].toString().charAt(0)] = i + 1;
|
|
}
|
|
}
|
|
}
|
|
return orders;
|
|
};
|
|
|
|
var regstr = '^' + f.toString()
|
|
.replace(/([hH]{1,2}|mm?|ss?|[tT]{1,2}|[zZ]|[lc]|'.*?')/g, function (match) {
|
|
var ml = match.length;
|
|
switch (match.charAt(0).toLowerCase()) {
|
|
case 'h':
|
|
return ml === 1 ? '(\\d?\\d)' : '(\\d{' + ml + '})';
|
|
case 'm':
|
|
return ml === 1 ? '(\\d?\\d)' : '(\\d{' + ml + '})';
|
|
case 's':
|
|
return ml === 1 ? '(\\d?\\d)' : '(\\d{' + ml + '})';
|
|
case 'l':
|
|
return '(\\d?\\d?\\d)';
|
|
case 'c':
|
|
return '(\\d?\\d?\\d)';
|
|
case 'z':
|
|
return '(z|[-+]\\d\\d:?\\d\\d|\\S+)?';
|
|
case 't':
|
|
return getPatternAmpm(o.amNames, o.pmNames);
|
|
default: // literal escaped in quotes
|
|
return '(' + match.replace(/\'/g, "").replace(/(\.|\$|\^|\\|\/|\(|\)|\[|\]|\?|\+|\*)/g, function (m) { return "\\" + m; }) + ')?';
|
|
}
|
|
})
|
|
.replace(/\s/g, '\\s?') +
|
|
o.timeSuffix + '$',
|
|
order = getFormatPositions(f),
|
|
ampm = '',
|
|
treg;
|
|
|
|
treg = s.match(new RegExp(regstr, 'i'));
|
|
|
|
var resTime = {
|
|
hour: 0,
|
|
minute: 0,
|
|
second: 0,
|
|
millisec: 0,
|
|
microsec: 0
|
|
};
|
|
|
|
if (treg) {
|
|
if (order.t !== -1) {
|
|
if (treg[order.t] === undefined || treg[order.t].length === 0) {
|
|
ampm = '';
|
|
resTime.ampm = '';
|
|
} else {
|
|
ampm = $.inArray(treg[order.t].toUpperCase(), $.map(o.amNames, function (x,i) { return x.toUpperCase(); })) !== -1 ? 'AM' : 'PM';
|
|
resTime.ampm = o[ampm === 'AM' ? 'amNames' : 'pmNames'][0];
|
|
}
|
|
}
|
|
|
|
if (order.h !== -1) {
|
|
if (ampm === 'AM' && treg[order.h] === '12') {
|
|
resTime.hour = 0; // 12am = 0 hour
|
|
} else {
|
|
if (ampm === 'PM' && treg[order.h] !== '12') {
|
|
resTime.hour = parseInt(treg[order.h], 10) + 12; // 12pm = 12 hour, any other pm = hour + 12
|
|
} else {
|
|
resTime.hour = Number(treg[order.h]);
|
|
}
|
|
}
|
|
}
|
|
|
|
if (order.m !== -1) {
|
|
resTime.minute = Number(treg[order.m]);
|
|
}
|
|
if (order.s !== -1) {
|
|
resTime.second = Number(treg[order.s]);
|
|
}
|
|
if (order.l !== -1) {
|
|
resTime.millisec = Number(treg[order.l]);
|
|
}
|
|
if (order.c !== -1) {
|
|
resTime.microsec = Number(treg[order.c]);
|
|
}
|
|
if (order.z !== -1 && treg[order.z] !== undefined) {
|
|
resTime.timezone = $.timepicker.timezoneOffsetNumber(treg[order.z]);
|
|
}
|
|
|
|
|
|
return resTime;
|
|
}
|
|
return false;
|
|
};// end strictParse
|
|
|
|
// First try JS Date, if that fails, use strictParse
|
|
var looseParse = function (f, s, o) {
|
|
try {
|
|
var d = new Date('2012-01-01 ' + s);
|
|
if (isNaN(d.getTime())) {
|
|
d = new Date('2012-01-01T' + s);
|
|
if (isNaN(d.getTime())) {
|
|
d = new Date('01/01/2012 ' + s);
|
|
if (isNaN(d.getTime())) {
|
|
throw "Unable to parse time with native Date: " + s;
|
|
}
|
|
}
|
|
}
|
|
|
|
return {
|
|
hour: d.getHours(),
|
|
minute: d.getMinutes(),
|
|
second: d.getSeconds(),
|
|
millisec: d.getMilliseconds(),
|
|
microsec: d.getMicroseconds(),
|
|
timezone: d.getTimezoneOffset() * -1
|
|
};
|
|
}
|
|
catch (err) {
|
|
try {
|
|
return strictParse(f, s, o);
|
|
}
|
|
catch (err2) {
|
|
$.timepicker.log("Unable to parse \ntimeString: " + s + "\ntimeFormat: " + f);
|
|
}
|
|
}
|
|
return false;
|
|
}; // end looseParse
|
|
|
|
if (typeof o.parse === "function") {
|
|
return o.parse(timeFormat, timeString, o);
|
|
}
|
|
if (o.parse === 'loose') {
|
|
return looseParse(timeFormat, timeString, o);
|
|
}
|
|
return strictParse(timeFormat, timeString, o);
|
|
};
|
|
|
|
/**
|
|
* Public utility to format the time
|
|
* @param {string} format format of the time
|
|
* @param {Object} time Object not a Date for timezones
|
|
* @param {Object} [options] essentially the regional[].. amNames, pmNames, ampm
|
|
* @returns {string} the formatted time
|
|
*/
|
|
$.datepicker.formatTime = function (format, time, options) {
|
|
options = options || {};
|
|
options = $.extend({}, $.timepicker._defaults, options);
|
|
time = $.extend({
|
|
hour: 0,
|
|
minute: 0,
|
|
second: 0,
|
|
millisec: 0,
|
|
microsec: 0,
|
|
timezone: null
|
|
}, time);
|
|
|
|
var tmptime = format,
|
|
ampmName = options.amNames[0],
|
|
hour = parseInt(time.hour, 10);
|
|
|
|
if (hour > 11) {
|
|
ampmName = options.pmNames[0];
|
|
}
|
|
|
|
tmptime = tmptime.replace(/(?:HH?|hh?|mm?|ss?|[tT]{1,2}|[zZ]|[lc]|'.*?')/g, function (match) {
|
|
switch (match) {
|
|
case 'HH':
|
|
return ('0' + hour).slice(-2);
|
|
case 'H':
|
|
return hour;
|
|
case 'hh':
|
|
return ('0' + convert24to12(hour)).slice(-2);
|
|
case 'h':
|
|
return convert24to12(hour);
|
|
case 'mm':
|
|
return ('0' + time.minute).slice(-2);
|
|
case 'm':
|
|
return time.minute;
|
|
case 'ss':
|
|
return ('0' + time.second).slice(-2);
|
|
case 's':
|
|
return time.second;
|
|
case 'l':
|
|
return ('00' + time.millisec).slice(-3);
|
|
case 'c':
|
|
return ('00' + time.microsec).slice(-3);
|
|
case 'z':
|
|
return $.timepicker.timezoneOffsetString(time.timezone === null ? options.timezone : time.timezone, false);
|
|
case 'Z':
|
|
return $.timepicker.timezoneOffsetString(time.timezone === null ? options.timezone : time.timezone, true);
|
|
case 'T':
|
|
return ampmName.charAt(0).toUpperCase();
|
|
case 'TT':
|
|
return ampmName.toUpperCase();
|
|
case 't':
|
|
return ampmName.charAt(0).toLowerCase();
|
|
case 'tt':
|
|
return ampmName.toLowerCase();
|
|
default:
|
|
return match.replace(/'/g, "");
|
|
}
|
|
});
|
|
|
|
return tmptime;
|
|
};
|
|
|
|
/*
|
|
* the bad hack :/ override datepicker so it doesn't close on select
|
|
// inspired: http://stackoverflow.com/questions/1252512/jquery-datepicker-prevent-closing-picker-when-clicking-a-date/1762378#1762378
|
|
*/
|
|
$.datepicker._base_selectDate = $.datepicker._selectDate;
|
|
$.datepicker._selectDate = function (id, dateStr) {
|
|
var inst = this._getInst($(id)[0]),
|
|
tp_inst = this._get(inst, 'timepicker'),
|
|
was_inline;
|
|
|
|
if (tp_inst && inst.settings.showTimepicker) {
|
|
tp_inst._limitMinMaxDateTime(inst, true);
|
|
was_inline = inst.inline;
|
|
inst.inline = inst.stay_open = true;
|
|
//This way the onSelect handler called from calendarpicker get the full dateTime
|
|
this._base_selectDate(id, dateStr);
|
|
inst.inline = was_inline;
|
|
inst.stay_open = false;
|
|
this._notifyChange(inst);
|
|
this._updateDatepicker(inst);
|
|
} else {
|
|
this._base_selectDate(id, dateStr);
|
|
}
|
|
};
|
|
|
|
/*
|
|
* second bad hack :/ override datepicker so it triggers an event when changing the input field
|
|
* and does not redraw the datepicker on every selectDate event
|
|
*/
|
|
$.datepicker._base_updateDatepicker = $.datepicker._updateDatepicker;
|
|
$.datepicker._updateDatepicker = function (inst) {
|
|
|
|
// don't popup the datepicker if there is another instance already opened
|
|
var input = inst.input[0];
|
|
if ($.datepicker._curInst && $.datepicker._curInst !== inst && $.datepicker._datepickerShowing && $.datepicker._lastInput !== input) {
|
|
return;
|
|
}
|
|
|
|
if (typeof(inst.stay_open) !== 'boolean' || inst.stay_open === false) {
|
|
|
|
this._base_updateDatepicker(inst);
|
|
|
|
// Reload the time control when changing something in the input text field.
|
|
var tp_inst = this._get(inst, 'timepicker');
|
|
if (tp_inst) {
|
|
tp_inst._addTimePicker(inst);
|
|
}
|
|
}
|
|
};
|
|
|
|
/*
|
|
* third bad hack :/ override datepicker so it allows spaces and colon in the input field
|
|
*/
|
|
$.datepicker._base_doKeyPress = $.datepicker._doKeyPress;
|
|
$.datepicker._doKeyPress = function (event) {
|
|
var inst = $.datepicker._getInst(event.target),
|
|
tp_inst = $.datepicker._get(inst, 'timepicker');
|
|
|
|
if (tp_inst) {
|
|
if ($.datepicker._get(inst, 'constrainInput')) {
|
|
var ampm = tp_inst.support.ampm,
|
|
tz = tp_inst._defaults.showTimezone !== null ? tp_inst._defaults.showTimezone : tp_inst.support.timezone,
|
|
dateChars = $.datepicker._possibleChars($.datepicker._get(inst, 'dateFormat')),
|
|
datetimeChars = tp_inst._defaults.timeFormat.toString()
|
|
.replace(/[hms]/g, '')
|
|
.replace(/TT/g, ampm ? 'APM' : '')
|
|
.replace(/Tt/g, ampm ? 'AaPpMm' : '')
|
|
.replace(/tT/g, ampm ? 'AaPpMm' : '')
|
|
.replace(/T/g, ampm ? 'AP' : '')
|
|
.replace(/tt/g, ampm ? 'apm' : '')
|
|
.replace(/t/g, ampm ? 'ap' : '') +
|
|
" " + tp_inst._defaults.separator +
|
|
tp_inst._defaults.timeSuffix +
|
|
(tz ? tp_inst._defaults.timezoneList.join('') : '') +
|
|
(tp_inst._defaults.amNames.join('')) + (tp_inst._defaults.pmNames.join('')) +
|
|
dateChars,
|
|
chr = String.fromCharCode(event.charCode === undefined ? event.keyCode : event.charCode);
|
|
return event.ctrlKey || (chr < ' ' || !dateChars || datetimeChars.indexOf(chr) > -1);
|
|
}
|
|
}
|
|
|
|
return $.datepicker._base_doKeyPress(event);
|
|
};
|
|
|
|
/*
|
|
* Fourth bad hack :/ override _updateAlternate function used in inline mode to init altField
|
|
* Update any alternate field to synchronise with the main field.
|
|
*/
|
|
$.datepicker._base_updateAlternate = $.datepicker._updateAlternate;
|
|
$.datepicker._updateAlternate = function (inst) {
|
|
var 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,
|
|
date = this._getDate(inst),
|
|
formatCfg = $.datepicker._getFormatConfig(inst),
|
|
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,
|
|
altTimeFormat = tp_inst._defaults.altTimeFormat !== null ? tp_inst._defaults.altTimeFormat : tp_inst._defaults.timeFormat;
|
|
|
|
altFormattedDateTime += $.datepicker.formatTime(altTimeFormat, tp_inst, tp_inst._defaults) + altTimeSuffix;
|
|
if (!tp_inst._defaults.timeOnly && !tp_inst._defaults.altFieldTimeOnly && date !== null) {
|
|
if (tp_inst._defaults.altFormat) {
|
|
altFormattedDateTime = $.datepicker.formatDate(tp_inst._defaults.altFormat, date, formatCfg) + altSeparator + altFormattedDateTime;
|
|
}
|
|
else {
|
|
altFormattedDateTime = tp_inst.formattedDate + altSeparator + altFormattedDateTime;
|
|
}
|
|
}
|
|
$(altField).val( inst.input.val() ? altFormattedDateTime : "");
|
|
}
|
|
}
|
|
else {
|
|
$.datepicker._base_updateAlternate(inst);
|
|
}
|
|
};
|
|
|
|
/*
|
|
* Override key up event to sync manual input changes.
|
|
*/
|
|
$.datepicker._base_doKeyUp = $.datepicker._doKeyUp;
|
|
$.datepicker._doKeyUp = function (event) {
|
|
var inst = $.datepicker._getInst(event.target),
|
|
tp_inst = $.datepicker._get(inst, 'timepicker');
|
|
|
|
if (tp_inst) {
|
|
if (tp_inst._defaults.timeOnly && (inst.input.val() !== inst.lastVal)) {
|
|
try {
|
|
$.datepicker._updateDatepicker(inst);
|
|
} catch (err) {
|
|
$.timepicker.log(err);
|
|
}
|
|
}
|
|
}
|
|
|
|
return $.datepicker._base_doKeyUp(event);
|
|
};
|
|
|
|
/*
|
|
* override "Today" button to also grab the time and set it to input field.
|
|
*/
|
|
$.datepicker._base_gotoToday = $.datepicker._gotoToday;
|
|
$.datepicker._gotoToday = function (id) {
|
|
var inst = this._getInst($(id)[0]);
|
|
this._base_gotoToday(id);
|
|
var tp_inst = this._get(inst, 'timepicker');
|
|
if (!tp_inst) {
|
|
return;
|
|
}
|
|
|
|
var tzoffset = $.timepicker.timezoneOffsetNumber(tp_inst.timezone);
|
|
var now = new Date();
|
|
now.setMinutes(now.getMinutes() + now.getTimezoneOffset() + parseInt(tzoffset, 10));
|
|
this._setTime(inst, now);
|
|
this._setDate(inst, now);
|
|
tp_inst._onSelectHandler();
|
|
};
|
|
|
|
/*
|
|
* Disable & enable the Time in the datetimepicker
|
|
*/
|
|
$.datepicker._disableTimepickerDatepicker = function (target) {
|
|
var inst = this._getInst(target);
|
|
if (!inst) {
|
|
return;
|
|
}
|
|
|
|
var tp_inst = this._get(inst, 'timepicker');
|
|
$(target).datepicker('getDate'); // Init selected[Year|Month|Day]
|
|
if (tp_inst) {
|
|
inst.settings.showTimepicker = false;
|
|
tp_inst._defaults.showTimepicker = false;
|
|
tp_inst._updateDateTime(inst);
|
|
}
|
|
};
|
|
|
|
$.datepicker._enableTimepickerDatepicker = function (target) {
|
|
var inst = this._getInst(target);
|
|
if (!inst) {
|
|
return;
|
|
}
|
|
|
|
var tp_inst = this._get(inst, 'timepicker');
|
|
$(target).datepicker('getDate'); // Init selected[Year|Month|Day]
|
|
if (tp_inst) {
|
|
inst.settings.showTimepicker = true;
|
|
tp_inst._defaults.showTimepicker = true;
|
|
tp_inst._addTimePicker(inst); // Could be disabled on page load
|
|
tp_inst._updateDateTime(inst);
|
|
}
|
|
};
|
|
|
|
/*
|
|
* Create our own set time function
|
|
*/
|
|
$.datepicker._setTime = function (inst, date) {
|
|
var tp_inst = this._get(inst, 'timepicker');
|
|
if (tp_inst) {
|
|
var defaults = tp_inst._defaults;
|
|
|
|
// calling _setTime with no date sets time to defaults
|
|
tp_inst.hour = date ? date.getHours() : defaults.hour;
|
|
tp_inst.minute = date ? date.getMinutes() : defaults.minute;
|
|
tp_inst.second = date ? date.getSeconds() : defaults.second;
|
|
tp_inst.millisec = date ? date.getMilliseconds() : defaults.millisec;
|
|
tp_inst.microsec = date ? date.getMicroseconds() : defaults.microsec;
|
|
|
|
//check if within min/max times..
|
|
tp_inst._limitMinMaxDateTime(inst, true);
|
|
|
|
tp_inst._onTimeChange();
|
|
tp_inst._updateDateTime(inst);
|
|
}
|
|
};
|
|
|
|
/*
|
|
* Create new public method to set only time, callable as $().datepicker('setTime', date)
|
|
*/
|
|
$.datepicker._setTimeDatepicker = function (target, date, withDate) {
|
|
var inst = this._getInst(target);
|
|
if (!inst) {
|
|
return;
|
|
}
|
|
|
|
var tp_inst = this._get(inst, 'timepicker');
|
|
|
|
if (tp_inst) {
|
|
this._setDateFromField(inst);
|
|
var tp_date;
|
|
if (date) {
|
|
if (typeof date === "string") {
|
|
tp_inst._parseTime(date, withDate);
|
|
tp_date = new Date();
|
|
tp_date.setHours(tp_inst.hour, tp_inst.minute, tp_inst.second, tp_inst.millisec);
|
|
tp_date.setMicroseconds(tp_inst.microsec);
|
|
} else {
|
|
tp_date = new Date(date.getTime());
|
|
tp_date.setMicroseconds(date.getMicroseconds());
|
|
}
|
|
if (tp_date.toString() === 'Invalid Date') {
|
|
tp_date = undefined;
|
|
}
|
|
this._setTime(inst, tp_date);
|
|
}
|
|
}
|
|
|
|
};
|
|
|
|
/*
|
|
* override setDate() to allow setting time too within Date object
|
|
*/
|
|
$.datepicker._base_setDateDatepicker = $.datepicker._setDateDatepicker;
|
|
$.datepicker._setDateDatepicker = function (target, _date) {
|
|
var inst = this._getInst(target);
|
|
var date = _date;
|
|
if (!inst) {
|
|
return;
|
|
}
|
|
|
|
if (typeof(_date) === 'string') {
|
|
date = new Date(_date);
|
|
if (!date.getTime()) {
|
|
this._base_setDateDatepicker.apply(this, arguments);
|
|
date = $(target).datepicker('getDate');
|
|
}
|
|
}
|
|
|
|
var tp_inst = this._get(inst, 'timepicker');
|
|
var tp_date;
|
|
if (date instanceof Date) {
|
|
tp_date = new Date(date.getTime());
|
|
tp_date.setMicroseconds(date.getMicroseconds());
|
|
} else {
|
|
tp_date = date;
|
|
}
|
|
|
|
// This is important if you are using the timezone option, javascript's Date
|
|
// object will only return the timezone offset for the current locale, so we
|
|
// adjust it accordingly. If not using timezone option this won't matter..
|
|
// If a timezone is different in tp, keep the timezone as is
|
|
if (tp_inst && tp_date) {
|
|
// look out for DST if tz wasn't specified
|
|
if (!tp_inst.support.timezone && tp_inst._defaults.timezone === null) {
|
|
tp_inst.timezone = tp_date.getTimezoneOffset() * -1;
|
|
}
|
|
date = $.timepicker.timezoneAdjust(date, $.timepicker.timezoneOffsetString(-date.getTimezoneOffset()), tp_inst.timezone);
|
|
tp_date = $.timepicker.timezoneAdjust(tp_date, $.timepicker.timezoneOffsetString(-tp_date.getTimezoneOffset()), tp_inst.timezone);
|
|
}
|
|
|
|
this._updateDatepicker(inst);
|
|
this._base_setDateDatepicker.apply(this, arguments);
|
|
this._setTimeDatepicker(target, tp_date, true);
|
|
};
|
|
|
|
/*
|
|
* override getDate() to allow getting time too within Date object
|
|
*/
|
|
$.datepicker._base_getDateDatepicker = $.datepicker._getDateDatepicker;
|
|
$.datepicker._getDateDatepicker = function (target, noDefault) {
|
|
var inst = this._getInst(target);
|
|
if (!inst) {
|
|
return;
|
|
}
|
|
|
|
var tp_inst = this._get(inst, 'timepicker');
|
|
|
|
if (tp_inst) {
|
|
// if it hasn't yet been defined, grab from field
|
|
if (inst.lastVal === undefined) {
|
|
this._setDateFromField(inst, noDefault);
|
|
}
|
|
|
|
var date = this._getDate(inst);
|
|
|
|
var currDT = null;
|
|
|
|
if (tp_inst.$altInput && tp_inst._defaults.altFieldTimeOnly) {
|
|
currDT = tp_inst.$input.val() + ' ' + tp_inst.$altInput.val();
|
|
}
|
|
else if (tp_inst.$input.get(0).tagName !== 'INPUT' && tp_inst.$altInput) {
|
|
/**
|
|
* in case the datetimepicker has been applied to a non-input tag for inline UI,
|
|
* and the user has not configured the plugin to display only time in altInput,
|
|
* pick current date time from the altInput (and hope for the best, for now, until "ER1" is applied)
|
|
*
|
|
* @todo ER1. Since altInput can have a totally difference format, convert it to standard format by reading input format from "altFormat" and "altTimeFormat" option values
|
|
*/
|
|
currDT = tp_inst.$altInput.val();
|
|
}
|
|
else {
|
|
currDT = tp_inst.$input.val();
|
|
}
|
|
|
|
if (date && tp_inst._parseTime(currDT, !inst.settings.timeOnly)) {
|
|
date.setHours(tp_inst.hour, tp_inst.minute, tp_inst.second, tp_inst.millisec);
|
|
date.setMicroseconds(tp_inst.microsec);
|
|
|
|
// This is important if you are using the timezone option, javascript's Date
|
|
// object will only return the timezone offset for the current locale, so we
|
|
// adjust it accordingly. If not using timezone option this won't matter..
|
|
if (tp_inst.timezone != null) {
|
|
// look out for DST if tz wasn't specified
|
|
if (!tp_inst.support.timezone && tp_inst._defaults.timezone === null) {
|
|
tp_inst.timezone = date.getTimezoneOffset() * -1;
|
|
}
|
|
date = $.timepicker.timezoneAdjust(date, tp_inst.timezone, $.timepicker.timezoneOffsetString(-date.getTimezoneOffset()));
|
|
}
|
|
}
|
|
return date;
|
|
}
|
|
return this._base_getDateDatepicker(target, noDefault);
|
|
};
|
|
|
|
/*
|
|
* override parseDate() because UI 1.8.14 throws an error about "Extra characters"
|
|
* An option in datapicker to ignore extra format characters would be nicer.
|
|
*/
|
|
$.datepicker._base_parseDate = $.datepicker.parseDate;
|
|
$.datepicker.parseDate = function (format, value, settings) {
|
|
var date;
|
|
try {
|
|
date = this._base_parseDate(format, value, settings);
|
|
} catch (err) {
|
|
// Hack! The error message ends with a colon, a space, and
|
|
// the "extra" characters. We rely on that instead of
|
|
// attempting to perfectly reproduce the parsing algorithm.
|
|
if (err.indexOf(":") >= 0) {
|
|
date = this._base_parseDate(format, value.substring(0, value.length - (err.length - err.indexOf(':') - 2)), settings);
|
|
$.timepicker.log("Error parsing the date string: " + err + "\ndate string = " + value + "\ndate format = " + format);
|
|
} else {
|
|
throw err;
|
|
}
|
|
}
|
|
return date;
|
|
};
|
|
|
|
/*
|
|
* override formatDate to set date with time to the input
|
|
*/
|
|
$.datepicker._base_formatDate = $.datepicker._formatDate;
|
|
$.datepicker._formatDate = function (inst, day, month, year) {
|
|
var tp_inst = this._get(inst, 'timepicker');
|
|
if (tp_inst) {
|
|
tp_inst._updateDateTime(inst);
|
|
return tp_inst.$input.val();
|
|
}
|
|
return this._base_formatDate(inst);
|
|
};
|
|
|
|
/*
|
|
* override options setter to add time to maxDate(Time) and minDate(Time). MaxDate
|
|
*/
|
|
$.datepicker._base_optionDatepicker = $.datepicker._optionDatepicker;
|
|
$.datepicker._optionDatepicker = function (target, name, value) {
|
|
var inst = this._getInst(target),
|
|
name_clone;
|
|
if (!inst) {
|
|
return null;
|
|
}
|
|
|
|
var tp_inst = this._get(inst, 'timepicker');
|
|
if (tp_inst) {
|
|
var min = null,
|
|
max = null,
|
|
onselect = null,
|
|
overrides = tp_inst._defaults.evnts,
|
|
fns = {},
|
|
prop,
|
|
ret,
|
|
oldVal,
|
|
$target;
|
|
if (typeof name === 'string') { // if min/max was set with the string
|
|
if (name === 'minDate' || name === 'minDateTime') {
|
|
min = value;
|
|
} else if (name === 'maxDate' || name === 'maxDateTime') {
|
|
max = value;
|
|
} else if (name === 'onSelect') {
|
|
onselect = value;
|
|
} else if (overrides.hasOwnProperty(name)) {
|
|
if (typeof (value) === 'undefined') {
|
|
return overrides[name];
|
|
}
|
|
fns[name] = value;
|
|
name_clone = {}; //empty results in exiting function after overrides updated
|
|
}
|
|
} else if (typeof name === 'object') { //if min/max was set with the JSON
|
|
if (name.minDate) {
|
|
min = name.minDate;
|
|
} else if (name.minDateTime) {
|
|
min = name.minDateTime;
|
|
} else if (name.maxDate) {
|
|
max = name.maxDate;
|
|
} else if (name.maxDateTime) {
|
|
max = name.maxDateTime;
|
|
}
|
|
for (prop in overrides) {
|
|
if (overrides.hasOwnProperty(prop) && name[prop]) {
|
|
fns[prop] = name[prop];
|
|
}
|
|
}
|
|
}
|
|
for (prop in fns) {
|
|
if (fns.hasOwnProperty(prop)) {
|
|
overrides[prop] = fns[prop];
|
|
if (!name_clone) { name_clone = $.extend({}, name); }
|
|
delete name_clone[prop];
|
|
}
|
|
}
|
|
if (name_clone && isEmptyObject(name_clone)) { return; }
|
|
if (min) { //if min was set
|
|
if (min === 0) {
|
|
min = new Date();
|
|
} else {
|
|
min = new Date(min);
|
|
}
|
|
tp_inst._defaults.minDate = min;
|
|
tp_inst._defaults.minDateTime = min;
|
|
} else if (max) { //if max was set
|
|
if (max === 0) {
|
|
max = new Date();
|
|
} else {
|
|
max = new Date(max);
|
|
}
|
|
tp_inst._defaults.maxDate = max;
|
|
tp_inst._defaults.maxDateTime = max;
|
|
} else if (onselect) {
|
|
tp_inst._defaults.onSelect = onselect;
|
|
}
|
|
|
|
// Datepicker will override our date when we call _base_optionDatepicker when
|
|
// calling minDate/maxDate, so we will first grab the value, call
|
|
// _base_optionDatepicker, then set our value back.
|
|
if(min || max){
|
|
$target = $(target);
|
|
oldVal = $target.datetimepicker('getDate');
|
|
ret = this._base_optionDatepicker.call($.datepicker, target, name_clone || name, value);
|
|
$target.datetimepicker('setDate', oldVal);
|
|
return ret;
|
|
}
|
|
}
|
|
if (value === undefined) {
|
|
return this._base_optionDatepicker.call($.datepicker, target, name);
|
|
}
|
|
return this._base_optionDatepicker.call($.datepicker, target, name_clone || name, value);
|
|
};
|
|
|
|
/*
|
|
* jQuery isEmptyObject does not check hasOwnProperty - if someone has added to the object prototype,
|
|
* it will return false for all objects
|
|
*/
|
|
var isEmptyObject = function (obj) {
|
|
var prop;
|
|
for (prop in obj) {
|
|
if (obj.hasOwnProperty(prop)) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
};
|
|
|
|
/*
|
|
* jQuery extend now ignores nulls!
|
|
*/
|
|
var extendRemove = function (target, props) {
|
|
$.extend(target, props);
|
|
for (var name in props) {
|
|
if (props[name] === null || props[name] === undefined) {
|
|
target[name] = props[name];
|
|
}
|
|
}
|
|
return target;
|
|
};
|
|
|
|
/*
|
|
* Determine by the time format which units are supported
|
|
* Returns an object of booleans for each unit
|
|
*/
|
|
var detectSupport = function (timeFormat) {
|
|
var tf = timeFormat.replace(/'.*?'/g, '').toLowerCase(), // removes literals
|
|
isIn = function (f, t) { // does the format contain the token?
|
|
return f.indexOf(t) !== -1 ? true : false;
|
|
};
|
|
return {
|
|
hour: isIn(tf, 'h'),
|
|
minute: isIn(tf, 'm'),
|
|
second: isIn(tf, 's'),
|
|
millisec: isIn(tf, 'l'),
|
|
microsec: isIn(tf, 'c'),
|
|
timezone: isIn(tf, 'z'),
|
|
ampm: isIn(tf, 't') && isIn(timeFormat, 'h'),
|
|
iso8601: isIn(timeFormat, 'Z')
|
|
};
|
|
};
|
|
|
|
/*
|
|
* Converts 24 hour format into 12 hour
|
|
* Returns 12 hour without leading 0
|
|
*/
|
|
var convert24to12 = function (hour) {
|
|
hour %= 12;
|
|
|
|
if (hour === 0) {
|
|
hour = 12;
|
|
}
|
|
|
|
return String(hour);
|
|
};
|
|
|
|
var computeEffectiveSetting = function (settings, property) {
|
|
return settings && settings[property] ? settings[property] : $.timepicker._defaults[property];
|
|
};
|
|
|
|
/*
|
|
* Splits datetime string into date and time substrings.
|
|
* Throws exception when date can't be parsed
|
|
* Returns {dateString: dateString, timeString: timeString}
|
|
*/
|
|
var splitDateTime = function (dateTimeString, timeSettings) {
|
|
// The idea is to get the number separator occurrences in datetime and the time format requested (since time has
|
|
// fewer unknowns, mostly numbers and am/pm). We will use the time pattern to split.
|
|
var separator = computeEffectiveSetting(timeSettings, 'separator'),
|
|
format = computeEffectiveSetting(timeSettings, 'timeFormat'),
|
|
timeParts = format.split(separator), // how many occurrences of separator may be in our format?
|
|
timePartsLen = timeParts.length,
|
|
allParts = dateTimeString.split(separator),
|
|
allPartsLen = allParts.length;
|
|
|
|
if (allPartsLen > 1) {
|
|
return {
|
|
dateString: allParts.splice(0, allPartsLen - timePartsLen).join(separator),
|
|
timeString: allParts.splice(0, timePartsLen).join(separator)
|
|
};
|
|
}
|
|
|
|
return {
|
|
dateString: dateTimeString,
|
|
timeString: ''
|
|
};
|
|
};
|
|
|
|
/*
|
|
* Internal function to parse datetime interval
|
|
* Returns: {date: Date, timeObj: Object}, where
|
|
* date - parsed date without time (type Date)
|
|
* timeObj = {hour: , minute: , second: , millisec: , microsec: } - parsed time. Optional
|
|
*/
|
|
var parseDateTimeInternal = function (dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings) {
|
|
var date,
|
|
parts,
|
|
parsedTime;
|
|
|
|
parts = splitDateTime(dateTimeString, timeSettings);
|
|
date = $.datepicker._base_parseDate(dateFormat, parts.dateString, dateSettings);
|
|
|
|
if (parts.timeString === '') {
|
|
return {
|
|
date: date
|
|
};
|
|
}
|
|
|
|
parsedTime = $.datepicker.parseTime(timeFormat, parts.timeString, timeSettings);
|
|
|
|
if (!parsedTime) {
|
|
throw 'Wrong time format';
|
|
}
|
|
|
|
return {
|
|
date: date,
|
|
timeObj: parsedTime
|
|
};
|
|
};
|
|
|
|
/*
|
|
* Internal function to set timezone_select to the local timezone
|
|
*/
|
|
var selectLocalTimezone = function (tp_inst, date) {
|
|
if (tp_inst && tp_inst.timezone_select) {
|
|
var now = date || new Date();
|
|
tp_inst.timezone_select.val(-now.getTimezoneOffset());
|
|
}
|
|
};
|
|
|
|
/*
|
|
* Create a Singleton Instance
|
|
*/
|
|
$.timepicker = new Timepicker();
|
|
|
|
/**
|
|
* Get the timezone offset as string from a date object (eg '+0530' for UTC+5.5)
|
|
* @param {number} tzMinutes if not a number, less than -720 (-1200), or greater than 840 (+1400) this value is returned
|
|
* @param {boolean} iso8601 if true formats in accordance to iso8601 "+12:45"
|
|
* @return {string}
|
|
*/
|
|
$.timepicker.timezoneOffsetString = function (tzMinutes, iso8601) {
|
|
if (isNaN(tzMinutes) || tzMinutes > 840 || tzMinutes < -720) {
|
|
return tzMinutes;
|
|
}
|
|
|
|
var off = tzMinutes,
|
|
minutes = off % 60,
|
|
hours = (off - minutes) / 60,
|
|
iso = iso8601 ? ':' : '',
|
|
tz = (off >= 0 ? '+' : '-') + ('0' + Math.abs(hours)).slice(-2) + iso + ('0' + Math.abs(minutes)).slice(-2);
|
|
|
|
if (tz === '+00:00') {
|
|
return 'Z';
|
|
}
|
|
return tz;
|
|
};
|
|
|
|
/**
|
|
* Get the number in minutes that represents a timezone string
|
|
* @param {string} tzString formatted like "+0500", "-1245", "Z"
|
|
* @return {number} the offset minutes or the original string if it doesn't match expectations
|
|
*/
|
|
$.timepicker.timezoneOffsetNumber = function (tzString) {
|
|
var normalized = tzString.toString().replace(':', ''); // excuse any iso8601, end up with "+1245"
|
|
|
|
if (normalized.toUpperCase() === 'Z') { // if iso8601 with Z, its 0 minute offset
|
|
return 0;
|
|
}
|
|
|
|
if (!/^(\-|\+)\d{4}$/.test(normalized)) { // possibly a user defined tz, so just give it back
|
|
return parseInt(tzString, 10);
|
|
}
|
|
|
|
return ((normalized.substr(0, 1) === '-' ? -1 : 1) * // plus or minus
|
|
((parseInt(normalized.substr(1, 2), 10) * 60) + // hours (converted to minutes)
|
|
parseInt(normalized.substr(3, 2), 10))); // minutes
|
|
};
|
|
|
|
/**
|
|
* No way to set timezone in js Date, so we must adjust the minutes to compensate. (think setDate, getDate)
|
|
* @param {Date} date
|
|
* @param {string} fromTimezone formatted like "+0500", "-1245"
|
|
* @param {string} toTimezone formatted like "+0500", "-1245"
|
|
* @return {Date}
|
|
*/
|
|
$.timepicker.timezoneAdjust = function (date, fromTimezone, toTimezone) {
|
|
var fromTz = $.timepicker.timezoneOffsetNumber(fromTimezone);
|
|
var toTz = $.timepicker.timezoneOffsetNumber(toTimezone);
|
|
if (!isNaN(toTz)) {
|
|
date.setMinutes(date.getMinutes() + (-fromTz) - (-toTz));
|
|
}
|
|
return date;
|
|
};
|
|
|
|
/**
|
|
* Calls `timepicker()` on the `startTime` and `endTime` elements, and configures them to
|
|
* enforce date range limits.
|
|
* n.b. The input value must be correctly formatted (reformatting is not supported)
|
|
* @param {Element} startTime
|
|
* @param {Element} endTime
|
|
* @param {Object} options Options for the timepicker() call
|
|
* @return {jQuery}
|
|
*/
|
|
$.timepicker.timeRange = function (startTime, endTime, options) {
|
|
return $.timepicker.handleRange('timepicker', startTime, endTime, options);
|
|
};
|
|
|
|
/**
|
|
* Calls `datetimepicker` on the `startTime` and `endTime` elements, and configures them to
|
|
* enforce date range limits.
|
|
* @param {Element} startTime
|
|
* @param {Element} endTime
|
|
* @param {Object} options Options for the `timepicker()` call. Also supports `reformat`,
|
|
* a boolean value that can be used to reformat the input values to the `dateFormat`.
|
|
* @param {string} method Can be used to specify the type of picker to be added
|
|
* @return {jQuery}
|
|
*/
|
|
$.timepicker.datetimeRange = function (startTime, endTime, options) {
|
|
$.timepicker.handleRange('datetimepicker', startTime, endTime, options);
|
|
};
|
|
|
|
/**
|
|
* Calls `datepicker` on the `startTime` and `endTime` elements, and configures them to
|
|
* enforce date range limits.
|
|
* @param {Element} startTime
|
|
* @param {Element} endTime
|
|
* @param {Object} options Options for the `timepicker()` call. Also supports `reformat`,
|
|
* a boolean value that can be used to reformat the input values to the `dateFormat`.
|
|
* @return {jQuery}
|
|
*/
|
|
$.timepicker.dateRange = function (startTime, endTime, options) {
|
|
$.timepicker.handleRange('datepicker', startTime, endTime, options);
|
|
};
|
|
|
|
/**
|
|
* Calls `method` on the `startTime` and `endTime` elements, and configures them to
|
|
* enforce date range limits.
|
|
* @param {string} method Can be used to specify the type of picker to be added
|
|
* @param {Element} startTime
|
|
* @param {Element} endTime
|
|
* @param {Object} options Options for the `timepicker()` call. Also supports `reformat`,
|
|
* a boolean value that can be used to reformat the input values to the `dateFormat`.
|
|
* @return {jQuery}
|
|
*/
|
|
$.timepicker.handleRange = function (method, startTime, endTime, options) {
|
|
options = $.extend({}, {
|
|
minInterval: 0, // min allowed interval in milliseconds
|
|
maxInterval: 0, // max allowed interval in milliseconds
|
|
start: {}, // options for start picker
|
|
end: {} // options for end picker
|
|
}, options);
|
|
|
|
// for the mean time this fixes an issue with calling getDate with timepicker()
|
|
var timeOnly = false;
|
|
if(method === 'timepicker'){
|
|
timeOnly = true;
|
|
method = 'datetimepicker';
|
|
}
|
|
|
|
function checkDates(changed, other) {
|
|
var startdt = startTime[method]('getDate'),
|
|
enddt = endTime[method]('getDate'),
|
|
changeddt = changed[method]('getDate');
|
|
|
|
if (startdt !== null) {
|
|
var minDate = new Date(startdt.getTime()),
|
|
maxDate = new Date(startdt.getTime());
|
|
|
|
minDate.setMilliseconds(minDate.getMilliseconds() + options.minInterval);
|
|
maxDate.setMilliseconds(maxDate.getMilliseconds() + options.maxInterval);
|
|
|
|
if (options.minInterval > 0 && minDate > enddt) { // minInterval check
|
|
endTime[method]('setDate', minDate);
|
|
}
|
|
else if (options.maxInterval > 0 && maxDate < enddt) { // max interval check
|
|
endTime[method]('setDate', maxDate);
|
|
}
|
|
else if (startdt > enddt) {
|
|
other[method]('setDate', changeddt);
|
|
}
|
|
}
|
|
}
|
|
|
|
function selected(changed, other, option) {
|
|
if (!changed.val()) {
|
|
return;
|
|
}
|
|
var date = changed[method].call(changed, 'getDate');
|
|
if (date !== null && options.minInterval > 0) {
|
|
if (option === 'minDate') {
|
|
date.setMilliseconds(date.getMilliseconds() + options.minInterval);
|
|
}
|
|
if (option === 'maxDate') {
|
|
date.setMilliseconds(date.getMilliseconds() - options.minInterval);
|
|
}
|
|
}
|
|
|
|
if (date.getTime) {
|
|
other[method].call(other, 'option', option, date);
|
|
}
|
|
}
|
|
|
|
$.fn[method].call(startTime, $.extend({
|
|
timeOnly: timeOnly,
|
|
onClose: function (dateText, inst) {
|
|
checkDates($(this), endTime);
|
|
},
|
|
onSelect: function (selectedDateTime) {
|
|
selected($(this), endTime, 'minDate');
|
|
}
|
|
}, options, options.start));
|
|
$.fn[method].call(endTime, $.extend({
|
|
timeOnly: timeOnly,
|
|
onClose: function (dateText, inst) {
|
|
checkDates($(this), startTime);
|
|
},
|
|
onSelect: function (selectedDateTime) {
|
|
selected($(this), startTime, 'maxDate');
|
|
}
|
|
}, options, options.end));
|
|
|
|
checkDates(startTime, endTime);
|
|
|
|
selected(startTime, endTime, 'minDate');
|
|
selected(endTime, startTime, 'maxDate');
|
|
|
|
return $([startTime.get(0), endTime.get(0)]);
|
|
};
|
|
|
|
/**
|
|
* Log error or data to the console during error or debugging
|
|
* @param {Object} err pass any type object to log to the console during error or debugging
|
|
* @return {void}
|
|
*/
|
|
$.timepicker.log = function () {
|
|
// Older IE (9, maybe 10) throw error on accessing `window.console.log.apply`, so check first.
|
|
if (window.console && window.console.log && window.console.log.apply) {
|
|
window.console.log.apply(window.console, Array.prototype.slice.call(arguments));
|
|
}
|
|
};
|
|
|
|
/*
|
|
* Add util object to allow access to private methods for testability.
|
|
*/
|
|
$.timepicker._util = {
|
|
_extendRemove: extendRemove,
|
|
_isEmptyObject: isEmptyObject,
|
|
_convert24to12: convert24to12,
|
|
_detectSupport: detectSupport,
|
|
_selectLocalTimezone: selectLocalTimezone,
|
|
_computeEffectiveSetting: computeEffectiveSetting,
|
|
_splitDateTime: splitDateTime,
|
|
_parseDateTimeInternal: parseDateTimeInternal
|
|
};
|
|
|
|
/*
|
|
* Microsecond support
|
|
*/
|
|
if (!Date.prototype.getMicroseconds) {
|
|
Date.prototype.microseconds = 0;
|
|
Date.prototype.getMicroseconds = function () { return this.microseconds; };
|
|
Date.prototype.setMicroseconds = function (m) {
|
|
this.setMilliseconds(this.getMilliseconds() + Math.floor(m / 1000));
|
|
this.microseconds = m % 1000;
|
|
return this;
|
|
};
|
|
}
|
|
|
|
/*
|
|
* Keep up with the version
|
|
*/
|
|
$.timepicker.version = "1.6.3";
|
|
|
|
})); |