做项目时候经常用用到前端时间插件，一般都会手上积累几套方案用作各种情况，但个别项目比较麻烦，深度使用下来还是https://github.com/xdan/datetimepicker

创新互联公司主营湖南网站建设的网络公司,主营网站建设方案,成都APP应用开发,湖南h5成都小程序开发搭建,湖南网站营销推广欢迎湖南等地区企业咨询

功能更加强大。

首先明确需求：

预约时间的选择：

日期必须今天（不能选今天）之后的7（这个数要能后台设定）天，双休日不能选，可以时间段由后台设定，如果有用户选择了某个时间段其他用户就不能再选。

方案1：
用Vue.js写个控件，感觉比较费时间。

方案2：
使用jQuery DateTimePicker

var datatimepicker=$('#datetimepicker').datetimepicker({
format:'Y-m-d H:i',
inline:true,
lang:'zh',
minDate:dateFns.addDays(new Date(), 1),
maxDate:dateFns.addDays(new Date(), 7),
allowTimes:[后台设置的时间段，数组形式],
initTime:true,
disabledWeekDays:[0,6],
timepickerScrollbar:true,
beforeShowDay:function(ct){
console.log(ct);
},
onSelectDate:function (ct,$i) {
var that=this;
var room_id=$("#room_id").val();
$.post("后台时间段调用地址",{selectday:dateFns.format(ct,'MM/DD/YYYY')},function (data) {
that.setOptions({
allowTimes:data.leftime
});
})
},
onShow:function (ct,insert) {
console.log("show");
}
});

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

新闻名称：用的较为舒服的时间插件jQueryDateTimePicker-创新互联
分享路径：http://azwzsj.com/article/cddgjc.html