从品牌网站建设到网络营销策划,从策略到执行的一站式服务
做项目时候经常用用到前端时间插件,一般都会手上积累几套方案用作各种情况,但个别项目比较麻烦,深度使用下来还是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许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图