KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #developer-tools #claude-code #ai-agent #codex #deepseek-harness #ai-agents #cli #react #mcp

angular-jquery-timepicker

★ 53 Open GitHub ↗

AngularJS directive for jQueryUI Timepicker

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

angular-jquery-timepicker [![Build Status](https://travis-ci.org/Recras/angular-jquery-timepicker.png?branch=master)](https://travis-ci.org/Recras/angular-jquery-timepicker)
=====================

An AngularJS directive for [jquery-timepicker](https://github.com/jonthornton/jquery-timepicker)

[See a demo here](http://recras.github.io/angular-jquery-timepicker/)

# Requirements

- AngularJS
- JQuery
- [jquery-timepicker](https://github.com/jonthornton/jquery-timepicker)

# Usage

You can use Bower or NPM to install this directive.

bower install angular-jquery-timepicker

or for NPM:

npm install angular-jquery-timepicker

Add the timepicker module as a dependency to your applicatin module:

var myAppModule = angular.module('MyApp', ['ui.timepicker'])

Apply the directive to your form elements. This directive expects ng-model to be a valid javascript Date object (or null).

You can specify a base-date that will be used to initialize the ng-model when it is null

Configure timepicker at a global level.  Use the 'asMoment' to use moment.js instead of Date as the ng-model. Note: moment.js timezones will be discarded.

angular.module('ui.timepicker').value('uiTimepickerConfig',{
      step: 5,
      asMoment: true
    });

Adding custom options to timepicker.

$scope.timePickerOptions = {
        step: 20,
        timeFormat: 'g:ia',
        appendTo: 'body'
    };

angular-jquery-timepicker

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README