https://github.com/trentrichardson/jQuery-Timepicker-Addon

Adds a timepicker to jQueryUI Datepicker
https://github.com/trentrichardson/jQuery-Timepicker-Addon

Last synced: 7 days ago
JSON representation

Adds a timepicker to jQueryUI Datepicker

• Host: GitHub
• URL: https://github.com/trentrichardson/jQuery-Timepicker-Addon
• Owner: trentrichardson
• License: mit
• Created: 2010-07-02T11:45:43.000Z (over 14 years ago)
• Default Branch: master
• Last Pushed: 2022-11-14T16:14:02.000Z (almost 2 years ago)
• Last Synced: 2024-10-25T06:53:13.614Z (19 days ago)
• Language: JavaScript
• Homepage: http://trentrichardson.com/examples/timepicker/
• Size: 1.22 MB
• Stars: 2,659
• Watchers: 165
• Forks: 1,044
• Open Issues: 462
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE-MIT

Awesome Lists containing this project

README

        
jQuery Timepicker Addon

=======================

About

-----

**This project is no longer actively maintained.** Unfortuantely, I no longer work with jQuery and jQueryUI on new projects. jQuery Timepicker Addon served as the timepicker of choice for many years when there weren't many available. I'm thankful of the opportunity to contribute to the community, and thankful to everyone who contributed along the way. These days there are many great alternatives depending on the environment you're developing in. If you need a timepicker with no dependencies check out [flatpickr](https://flatpickr.js.org/).

Best wishes,

Trent Richardson

- Author: [Trent Richardson](http://trentrichardson.com)

- Documentation: [http://trentrichardson.com/examples/timepicker/](http://trentrichardson.com/examples/timepicker/)

- Twitter: [@practicalweb](http://twitter.com/practicalweb)

Use

---

I recommend getting the eBook [Handling Time](https://sellfy.com/p/8gxZ) as it has a lot of example code to get started.  The quick and dirty:

- To use this plugin you must include jQuery (1.6+) and jQuery UI with datepicker (and optionally slider).

- Include timepicker-addon script and css located in the `dist` directory or from a CDN:

  * [http://cdnjs.com/libraries/jquery-ui-timepicker-addon](http://cdnjs.com/libraries/jquery-ui-timepicker-addon)

  * [http://www.jsdelivr.com/#!jquery.ui.timepicker.addon](http://www.jsdelivr.com/#!jquery.ui.timepicker.addon)

- now use timepicker with `$('#selector').datetimepicker()` or `$('#selector').timepicker()`.

There is also a [Bower](http://bower.io/) package named `jqueryui-timepicker-addon`.  Beware there are other similar package names that point to forks which may not be current.

Rails with Bower

-----------------

If you happen to use Rails with the [bower](gem "bower-rails", "~> 0.8.3") gem, here it is to use it easily :

#### Bowerfile 

```asset "jqueryui-timepicker-addon", "1.5.6"```

#### application.js

```javascript

//= require jqueryui-timepicker-addon/dist/jquery-ui-timepicker-addon

//= require jqueryui-timepicker-addon/dist/i18n/jquery-ui-timepicker-fr

```

#### application.css.scss

```scss

@import "jqueryui-timepicker-addon/dist/jquery-ui-timepicker-addon.css";

```

Contributing Code - Please Read!

--------------------------------

- All code contributions and bug reports are much appreciated.

- Please be sure to apply your fixes to the "dev" branch.

- Also note tabs are appreciated over spaces.

- Please read the [CONTRIBUTING.md][contributingmd] for more on using Grunt to produce builds.

[contributingmd]: CONTRIBUTING.md