Code Monkey home page Code Monkey logo

angular-datetimepicker's Introduction

Angular-Datetimepicker

This project was generated with Angular CLI version 1.0.1.

Instructions

This project is built for showing how to use angular-datetimepicker-component.

Angular Datetimepicker Component

Related Versions

Angular Datetimepicker Component is baseed on these plugins and libs(version):

How to use


Install

# npm install
npm install angular-datetimepicker-component --save

# if you have not installed jquery
npm install jquery --save

# if you have not install bootstrap
# to use datetimepicker, you need to import bootstrap css global
npm install bootstrap --save

Use as component

  1. Import component.
// import NgModule
import {NgModule} from '@angular/core';
// import DateTimePickerComponent
import {DateTimePickerComponent} from 'angular-select2-component';

@NgModule({
  // ...
  // declare components
  declarations: [DateTimePickerComponent]
})
export class YourModule {
}
  1. Template.
<date-time-picker [(ngModel)]="your_prop" accuracy="hour" [startDate]="startDate" [endDate]="endDate" 
  [maxView]="maxView" [minView]="minView" [disabled]="isDisabled" (onChange)="change($event)" ></date-time-picker>

Options

  • accuracy: string
    • accuracy of date-time pick.
    • min(default) | hour | day
  • startDate: string
    • date range: start date
  • endDate: string
    • date range: end date
  • maxView: string
    • maxView: default 4
      • 0 or 'hour' for the hour view (hour view)
      • 1 or 'day' for the day view 0-24h (day view)
      • 2 or 'month' for month view (the default) (month view)
      • 3 or 'year' for the 12-month overview (year view)
      • 4 or 'decade' for the 10-year overview. Useful for date-of-birth datetimepickers.
  • minView: string
  • disabled: boolean
    • isDisabled: default false
  • onSelect
    • callback when datetime selected

angular-datetimepicker's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.