Question

我想要创建一个日历，如您所见：http://fullcalendar.io/

我希望将时间作为X轴，将不同的名称作为Y轴。我使用JQuery UI Slider创建了自己的版本：http://rockaholics-cologne.de/root/Timetable.php

使用滑块感觉不是最佳方法。我不是在这里要求代码。但也许你可以告诉我要找什么。我想创建这些可调整大小的条，如第一个链接中所示，并将它们放在我的布局中，如第二个链接所示。

我找不到谷歌的正确关键词，所以也许你有个主意？

谢谢！：d

Answer 1

这个小提琴将为您提供可调整大小的div http://jsfiddle.net/nick_craver/bx2mk/的良好基础。我认为这正是您所寻找的。enter code here

$("#resizable").resizable({
    handles: 'e, w'
});

#resizable { width: 150px; height: 50px; padding: 0.5em; }
#resizable h3 { text-align: center; margin: 0; }

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script   src="https://code.jquery.com/ui/1.12.0-rc.2/jquery-ui.min.js"   integrity="sha256-55Jz3pBCF8z9jBO1qQ7cIf0L+neuPTD1u7Ytzrp2dqo="   crossorigin="anonymous"></script>

<div id="resizable" class="ui-widget-content">
    <h3 class="ui-widget-header">Resizable</h3>
</div>

JQuery自定义日历

1 个答案: