javascript - 带有时间段选择的jQuery日历

Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。












想要改善这个问题吗？更新问题，以便将其作为on-topic用于堆栈溢出。

2年前关闭。



Improve this question




我想在PHP中创建一个约会预约功能。我想拥有一个压延机，用户可以在其中选择日期，而压延机则显示要选择的时隙。

时隙将是静态的，将来可能是动态的。

您可以在下面的链接上查看示例。

https://getbooked.io/

在互联网上搜索了此类插件，但找不到。 (我需要一个免费的插件)。

最佳答案

请检查一下
http://jsfiddle.net/Xx4GS/258/

这个想法是不断变化的，我们正在创建新的html元素并追加到datepicker。您需要根据需要修改设计。在change事件中调用ajax函数，以从DB获取时隙。因为我可以看到您提供的链接也在做同样的事情。

以及附加代码:

var $datePicker = $("div#datepicker");

var $datePicker = $("div");

$datePicker.datepicker({
    changeMonth: true,
    changeYear: true,
    inline: true,
    altField: "#datep",
}).change(function(e){
    setTimeout(function(){
        $datePicker
            .find('.ui-datepicker-current-day')
            .parent()
            .after('<tr>\n\
                        <td colspan="8">\n\
                            <div> \n\
                                <button>8:00 am – 9:00 am </button>\n\
                            </div>\n\
                            <button>9:00 am – 10:00 am</button>\n\
                            </div>\n\
                            <button>10:00 am – 11:00 am</button>\n\
                            </div>\n\
                        </td>\n\
                   </tr>');

    });
});
<div id="datepicker"></div>