PHPackages rocketman/jquery-fxtime - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. rocketman/jquery-fxtime ActiveLibrary[Utility & Helpers](/categories/utility) rocketman/jquery-fxtime ======================= Firefox-like time plugin for jQuery v1.0.1(2y ago)02.3k↓33.3%MITJavaScript Since Mar 30Pushed 1y ago1 watchersCompare [ Source](https://github.com/RocketMan/jquery-fxtime)[ Packagist](https://packagist.org/packages/rocketman/jquery-fxtime)[ RSS](/packages/rocketman-jquery-fxtime/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (1)Dependencies (1)Versions (2)Used By (0) jquery-fxtime ============= [](#jquery-fxtime) [![license](https://camo.githubusercontent.com/81ea1da77748d8fa53e4e2bcad2414b45e8f9bdbc46e6d80b9719d129958fa2f/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f526f636b65744d616e2f6a71756572792d667874696d65)](https://github.com/RocketMan/jquery-fxtime/blob/master/LICENSE)[![CDN](https://camo.githubusercontent.com/5ef7ce8d477632abeafbc0f72440821ce4af605dd3661939f1e6a4f01178d9aa/68747470733a2f2f646174612e6a7364656c6976722e636f6d2f76312f7061636b6167652f67682f526f636b65744d616e2f6a71756572792d667874696d652f6261646765)](https://www.jsdelivr.com/package/gh/RocketMan/jquery-fxtime) ### ABOUT [](#about) jquery-fxtime is a plugin for jQuery that provides a Firefox-like time entry element. Features: - 12- or 24-hour clock based on the browser's locale - input keys restricted to legal values - first empty segment focused on entry - focus automatically advances to next segment - may optionally include seconds - can apply validation (required, minimum, maximum) Try a simple example here: ### INSTALLATION [](#installation) 1. Include the `jquery-fxtime.js` script in your webpage. In addition, include jQuery, if it has not already been included. For example, ``` ``` 2. On page load in your webpage, invoke $.fn.fxtime on the desired HTML INPUT elements. For example, to install fxtime on all INPUT elements with class 'time': ``` $().ready(function() { $("input.time").fxtime(); }); ``` ### USE [](#use) fxtime uses a 12- or 24-hour format depending on the browser's locale. By default, only hours and minutes are displayed. The following optional attributes are recognized on the INPUT element: - `step='integer'`to display seconds, specify a value less than 60 (e.g., step='1') - `min='hh:mm[:ss]'`minimum time value (in 24-hour format) - `max='hh:mm[:ss]'`maximum time value (in 24-hour format) - `required` If 'min' and/or 'max' are specified, validation will be performed against the time value, and the pseudo-classes `:valid` and `:invalid`will be set on the element as appropriate. If 'required' is specified, `:valid` will be set if and only if a valid time value has been entered. The following methods are available: - `$(selector).fxtime('val')` - get 24-hour time value; returns null if time is not set - `$(selector).fxtime('val', value)` - set 24-hour time value; value format is hh:mm\[:ss\], where 0 <= hh <= 23, or null - `$(selector).fxtime('seg', seg)` - get specified segment value; seg: 0 = hours, 1 = minutes, 2 = seconds, 3 = AM/PM - `$(selector).fxtime('seg', seg, value)` - set specified segment - `$(selector).fxtime('seg', seg, null)` - clear specified segment - `$(selector).fxtime('inc', seg)` - increment specified segment - `$(selector).fxtime('inc', seg, -1)` - decrement specified segment The element fires the following custom events: - `segblur` - fires when a segment blurs segment number is supplied in the detail.seg property of the event NB: If you want to be notified of changes to the element, listen for 'change' events. 'change' is fired when a user changes the time value, before focus is lost. The element does NOT fire 'input' events. ### KEYBOARD [](#keyboard) In addition to numeric time entry, the following keystrokes are recognised: - arrow up/down - increment/decrement the current time segment - `+` / `-` - increment/decrement the current time segment - tab/shift tab - advance to the next (previous) time segment - arrow right/left - advance to the next (previous) time segment - delete/backspace - clear the current time segment - `A` / `P` - set AM or PM (12 hour mode only) ### LEGAL [](#legal) **jquery-fxtime** is released under the [**MIT LICENSE**](https://mit-license.org/) Firefox is a trademark of the Mozilla Foundation ('Mozilla'). This work incorporates no source code from Firefox or Mozilla, and is neither affiliated with nor endorsed by Mozilla. Copyright © 2022-2024 Jim Mason. ### Health Score 27 — LowBetter than 49% of packages Maintenance31 Infrequent updates — may be unmaintained Popularity20 Limited adoption so far Community7 Small or concentrated contributor base Maturity41 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 771d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/9c636c2f209424e277350e1ab2f3144fafdbde29c13b74a203978f47a7dcc75c?d=identicon)[RocketMan](/maintainers/RocketMan) --- Top Contributors [![RocketMan](https://avatars.githubusercontent.com/u/6860356?v=4)](https://github.com/RocketMan "RocketMan (11 commits)") ### Embed Badge ![Health badge](/badges/rocketman-jquery-fxtime/health.svg) ``` [![Health](https://phpackages.com/badges/rocketman-jquery-fxtime/health.svg)](https://phpackages.com/packages/rocketman-jquery-fxtime) ``` ### Alternatives [fullcalendar/fullcalendar Full-sized drag & drop event calendar 20.4k373.3k4](/packages/fullcalendar-fullcalendar)[eternicode/bootstrap-datepicker A datepicker for Bootstrap 12.7k543.8k6](/packages/eternicode-bootstrap-datepicker)[vakata/jstree jsTree is jquery plugin, that provides interactive trees. 5.2k1.8M11](/packages/vakata-jstree)[eonasdan/bootstrap-datetimepicker Date/time picker widget based on twitter bootstrap 7.2k492.4k9](/packages/eonasdan-bootstrap-datetimepicker)[rmm5t/jquery-timeago jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago"). 3.8k174.2k2](/packages/rmm5t-jquery-timeago)[mottie/tablesorter tablesorter (FORK) is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. 2.6k223.5k](/packages/mottie-tablesorter) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)