如何让用户从客户端在 Full Calendar 中添加营业时间？

Question

我正在寻找 Full Calendar 的解决方案，以添加由客户自己添加业务时间的功能。目前我在完整日历端发现并实现了唯一的硬编码版本。

selectConstraint: 'businessHours',
    eventConstraint: 'businessHours',
    businessHours: [
        {
            dow: [1, 2, 3], // Monday, Tuesday, Wednesday
            start: '09:00',
            end: '18:00'
        },
        {
            dow: [4, 5], // Thursday, Friday
            start: '09:00',
            end: '18:00'
        }
    ],

它在日历上看起来是这样的，但它是硬编码版本，不可能由用户在客户端添加或编辑。

也许建议一些外部图书馆在完整日历上设置时间表和营业时间。

Answer 1

您可以在 html 中添加输入字段，然后将字段值关联到变量，如下所示： html

 <label for="startHour1">start hour: </label><br />
          <input type="text" id="startHour1" name="startHour1" /><br />
 <label for="endHour1">end hour: </label><br />
          <input type="text" id="endHour1" name="endHour1" /><br />

Javascript

var starthour = document.getElementById("startHour").value;

selectConstraint: 'businessHours',
    eventConstraint: 'businessHours',
    businessHours: [
        {
            dow: [1, 2, 3], // Monday, Tuesday, Wednesday
            start: starthour1 ,
            end: endhour1 
         },
        {
            dow: [4, 5], // Thursday, Friday
            start: starthour2 ,
            end: endhour2 
        }
    ],

希望对您有所帮助！

如何让用户从客户端在 Full Calendar 中添加营业时间？

How to make it possible to add business hours in Full Calendar by the user from the client side?

html

javascript

asp.net-mvc

jquery

fullcalendar