用的较为舒服的时间插件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://bzwzjz.com/article/cddgjc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都h5网站建设 成都网站设计 网站建设公司 手机网站制作 成都网站建设 成都网站建设 企业网站建设 高端网站建设 成都网站建设公司 高端网站设计推广 成都网站建设 成都网站建设 重庆企业网站建设 手机网站制作 成都网站建设 成都网站建设 企业网站建设公司 H5网站制作 成都网站建设 网站制作报价 成都响应式网站建设