Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

angular-datetime-inputs

Package Overview
Dependencies
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-datetime-inputs

UI elements for datetime input, converted to angular directives for your convenience.

  • 0.1.28
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
33
increased by32%
Maintainers
1
Weekly downloads
 
Created
Source

Datetime input UI element

This directive is designed to provide easy and intuitive input of moment.js datetime objects.

Desgined to be as simple as possible in order to afford intuitive interactions.

Converted into an angular directive for your convenience :)

Demo

Click here for a live demo.

Date input

Angular directive datetime input - date input

Time input

Angular directive datetime input - time input

Datetime input

Angular directive datetime input - datetime input

Install

  1. Install 'angular-datetime-inputs' with bower
bower install angular-datetime-inputs

or with npm

npm install angular-datetime-inputs
  1. Add 'g1b.datetime-inputs' module to your app config
angular.module('myApp', [
  'g1b.datetime-inputs',
  ......
])
  1. Use any of the directives in a view

For date input only:

<date-input date="date" on-change="print(date)" placeholder="Select date"></date-input>

For time input only:

<time-input time="time" on-change="print(time)" placeholder="Select time"></time-input>

For both date and time input:

<datetime-input datetime="datetime" on-change="print(datetime)" placeholder="Select datetime"></datetime-input>

Attributes

PropertyUsageDefaultRequired
datemoment.js datetime object or a datetime stringnoneno
timemoment.js datetime object or a datetime stringnoneno
datetimemoment.js datetime object or a datetime stringnoneno
formatmoment.js compatible date/time format used for parsing initial datetime objectsnoneno
date-formatmoment.js compatible date format used for display in date and datetime input directives'DD MMMM YYYY'no
time-formatmoment.js compatible time format used for display in time and datetime input directives'HH : mm : ss'no
min-datemoment.js datetime object min datetimenoneno
max-datemoment.js datetime object max datetimenoneno
hourStepstep size for hour input1no
minuteStepstep size for minute input1no
secondStepstep size for second input1no
placeholderPlaceholder is shown when input object is undefinednoneno
on-changeHandler function that is fired on change of datetime objectnoneno
css-classcustom css class name for datetime presentationpredefinedno

Dependencies

Keywords

FAQs

Package last updated on 20 Jan 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc