资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

用的较为舒服的时间插件jQueryDateTimePicker-创新互联

做项目时候经常用用到前端时间插件,一般都会手上积累几套方案用作各种情况,但个别项目比较麻烦,深度使用下来还是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://cdkjz.cn/article/cddgjc.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220