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.9k—8.9%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 2w 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 46% of packages Maintenance29 Infrequent updates — may be unmaintained Popularity21 Limited adoption so far Community7 Small or concentrated contributor base Maturity42 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 870d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/6860356?v=4)[Jim Mason](/maintainers/RocketMan)[@RocketMan](https://github.com/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 [eternicode/bootstrap-datepicker A datepicker for Bootstrap 12.7k552.0k6](/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.2k500.2k9](/packages/eonasdan-bootstrap-datetimepicker)[nicolaskruchten/pivottable Javascript Pivot Table (aka Pivot Grid, Pivot Chart, Cross-Tab) implementation with drag'n'drop. 4.4k223.4k1](/packages/nicolaskruchten-pivottable)[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.6k234.4k](/packages/mottie-tablesorter)[components/jqueryui jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. 1775.9M61](/packages/components-jqueryui) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)