0

Я в программировании еще чайник и на JS писал календарь около 2-х месяцев, но тут познакомился с Angular и начал все приложение переписывать на нем, но не могу понять как мне мой календарь из JS файла встроить в компонент?

Возможно ли это? Или может кто посоветует уже готовое НЕ СЛОЖНОЕ решение для чайников (кроме JQuery) или подскажет как все таки инициализировать мой js файл.

В приложении на нативном JS он иннициализировался так

var calendar = new Calendar();
calendar.render(document.getElementById('calendar'));

я так понимаю что на Angular такое на прокатит=(

10
  • github.com/kekeh/mydatepicker 22 дек 2018 в 13:48
  • с этой реализацией я уже сталкивался, она ужасна. чем его доработать проще реально самому написать. в гугле я не нашел простых вариантов. я разработал вполне простой и функциональный календарик и немогу его подключить в ангуляре, это вообще реально? 22 дек 2018 в 13:59
  • если у вас есть своя реализация - то почему вы говорите что "не прокатит"? вы хоть пробовали?
    – arturovt
    22 дек 2018 в 13:59
  • Kostiantyn Okhotnyk, ваш вариант вроде похож на простой и функциональный, поюзаю отпишусь подходит он для новичков или нет=) 22 дек 2018 в 14:04

2 ответа 2

0

Вот. Прикручивай либу, там много полезных компонентов https://angular-ui.github.io/bootstrap/#!#datepicker

0

Почему не прокатит? Можно сделать вот так, но оговорюсь сразу - решение плохое и так делать не нужно.

import { Component, OnInit } from "@angular/core";
import { Calendar } from "path.to/calendar";

@Component({
  selector: 'simple-calendar',
  templateUrl: './simple-calendar.component.html',
})
export class SimpleCalendarComponent implements OnInit {
  ngOnInit(): void {
    const calendar = new Calendar();
    calendar.render(document.getElementById('calendar'));
  }
}
<!-- simple-calendar.component.html -->
    <div id="calendar"></div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.