如何以角度实现 bulma-calendar js 事件功能？答案

【问题标题】：How do I implement bulma-calendar js events function in angular?如何以角度实现 bulma-calendar js 事件功能？
【发布时间】：2018-08-20 06:29:55
【问题描述】：

来自 bulma 扩展文档，它说

“该扩展附带一个 JavaScript 实现来处理 DatePicker 输入。”

document.addEventListener('DOMContentLoaded', function () {
  var datePickers = bulmaCalendar.attach('[type="date"]', {
    overlay: true,
    minDate: '2018-01-01',
    maxDate: '2018-12-31'
  });
  // datePickers now contains an Array of all datePicker instances
  // To use Events API jus add a listener like below:
  // datepickerInstance.on(event, function(datepicker) {});
});

作为 js 和 angular 的菜鸟，我无法将其转换为 angular 并使用上述功能。

任何提示将不胜感激:)

【问题讨论】：

调整一个纯 JS 库以像人们期望的那样在 Angular 中自然使用并不是一件容易的事，对于大型库需要数周或数月的工作。
我明白了，谢谢先生！对于那些会遇到同样问题的人（在事件的角度上使用布尔玛日历），这可能是一个不错的选择。 mattlewis92.github.io/angular-calendar/#/kitchen-sink

标签： javascript angular bulma

【解决方案1】：

<input type="date" calendar>

app.directive("calendar", ["$timeout", "loading", function ($timeout, loading) 
{
    return {
      restrict: "A",
      link: function ($scope, $element, $attrs) {

        var options = {
            showHeader: false,
            displayMode: 'dialog',
            minDate: '2018-09-30'
        }
        var calendars = bulmaCalendar.attach(angular.element($element)[0], options);

      }
    };
}]);

【讨论】：