Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import {bootstrap, FORM_DIRECTIVES, Host, Component, Directive, View, Renderer, DefaultValueAccessor, NgControl, Self, ElementRef, OnInit } from 'angular2/angular2'
- @Directive({
- selector: '[date-picker]'
- })
- export class DatePicker extends DefaultValueAccessor implements OnInit {
- private element: ElementRef;
- constructor(@Self() model: NgControl, element: ElementRef, renderer: Renderer) {
- super(model, renderer, element);
- this.element = element;
- }
- public writeValue(value: any): void {
- $(this.element.nativeElement).datepicker('setDate', value);
- }
- public onInit(): void {
- $(this.element.nativeElement).datepicker();
- }
- }
- @Component({
- selector: 'app'
- })
- @View({
- template: `
- <div>
- <h1>{{value}}</h1>
- <form>
- <input type="text" date-picker ng-control="value" [(ng-model)]="value" />
- </form>
- </div>
- `,
- directives: [FORM_DIRECTIVES, DatePicker]
- })
- export class App {
- public value: Date;
- constructor() {
- this.value = new Date();
- }
- }
- bootstrap(App);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement