Calendar Scheduler之类的控件，用于指定值范围

Question

我正在尝试实现一个范围映射控件，例如调度程序控件，其中x轴具有一个整数值，y轴具有另一个整数值，并且用户使用单元格单击和拖动选项来指定映射。

• 这就是我的实现方式。 https://imgur.com/a/8M3jnjU

我已经使用html表实现了概念验证，但是我想知道是否有开源库可以实现它。我的代码如下。

<table class="table table-bordered">
<tr>
<th class="w-10">
    &nbsp;
</th>
<th ng-repeat="columnHeading in ctrl.viewModel.vLeanings.columns" class="text-center w-9">                                                                
    {{columnHeading}}
</th>
</tr>
<tr ng-repeat="row in ctrl.viewModel.vLeanings.rows">
    <th>{{row.rowNo | number:3}}</th>
    <td ng-repeat="column in row.columns" ng-mouseover="ctrl.onMouseOver(row,column);" ng-mousedown="ctrl.onMouseDown(row,column);" ng-mouseup="ctrl.onMouseUp();" ng-class="column.selected?column.imported?'label-danger':'label-primary':''">
    </td>
</tr>
</table>

是否有可用于AngularJS或Javascript的开源控件？预先感谢。

Answer 1

您应该看一下Adam Shaw维护的开源项目fullcalendar。 fullcalendar项目以前就没有创建计划日历，因此可以灵活地轻松自定义项目以满足我的要求。我在用于x和y轴的日期和时间中使用了此应用程序，但是您可以自定义它以适合其他值。

FullCalendar at Github

FullCalendar Demo

屏幕截图来自使用全日历创建的应用程序。