您能推荐一个可选择的 Javascript 时间表小部件吗?

发布于 2024-08-13 04:50:48 字数 624 浏览 2 评论 0原文

有谁知道js“时间表”小部件吗?

我需要以下内容:

  • 栏目中的星期几一天中的小时数(行)
  • 1 小时时段单元格(或可自定义)
  • 能够使用鼠标在一周内选择多次以突出显示/选择单元格。
  • 选择一周中各天的时间(例如,使用鼠标突出显示周一至周五下午 6 点的时间段)
  • 在一天中选择多个时间(例如,使用鼠标突出显示周一上午 10 点至下午 13 点)
  • 每天选择多个时间范围(例如 0800 至 0100 点) 1300 到 1700)
  • 以编程方式设置页面加载的时间(因此它们已经突出显示)
  • 询问小部件用户选择的时间
  • 限制每天显示的小时数,例如仅显示早上 6 点到晚上 11 点
  • 可自定义的 css / 外观和
  • 感觉除了选择他们想要的时间之外,用户不需要做任何其他事情(所以类似于 this 没用)
  • 免费使用

(我用 doodle 搜索了它,但看不到任何完全符合我要求的东西)

Does anyone know of a js "time table" widget?

I need the following:

  • Days of week in columns & hours of day in rows
  • 1 hour time slot cells (or customisable)
  • Ability to select multiple times during the week using mouse to highlight/select cells.
  • Select times across days of week (e.g. highlight 6pm time slots Monday to Friday with the mouse)
  • Select multiple times across single day (e.g. highlight 10am to 13pm on Monday with mouse)
  • more than one time range selected per day (e.g. 0800 to 0100 and 1300 to 1700)
  • programatically set times when the page loads (so they are already highlighted)
  • Interrogate the widget for times that the user has selected
  • Limit number of hours shown for each day, e.g. just show 6am to 11pm
  • Customisable css / look and feel
  • The user is not required to do anything else other than select the times they want (so something like this is not useful)
  • free to use

(I doogled it but couldn't see anything that exactly meets my requirements)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

水水月牙 2024-08-20 04:50:48

有一个名为 FullCalendar 的 Jquery 插件,它可能会完美地满足您想要做的事情。有一个名为“agendaWeek”的新视图,它将为您提供包含每天时间段的周视图。希望有帮助!

http://arshaw.com/fullcalendar/

There is a Jquery plugin called FullCalendar that will probably work perfectly for what you are trying to do. There is a new view called "agendaWeek" that will give you a week view with time slots for each day. Hope that helped!

http://arshaw.com/fullcalendar/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文