我想在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>