如何快速创建微信小程序预约功能——这里只需十分钟
浏览:495 次

0.jpg格式
1.概述
我们在学习微信小程序或做项目时,应该会遇到时间预约功能的需求。我们应该如何编写这个时间预约函数?所以我们构建了一个类似于电子商务的时间预约功能,并发现它很有用,所以它变成了一个小插件。今天我们将分享这样一个小教程。我希望这对你有帮助。
我不需要多说。第二个领导来了!
形象
更多来自Ji的信息下载
2.wxml
滚动视图>

3.简体中文
//pages/orderTime/index.js
第页({
/**
*页面的初始数据
*/
数据:{
日历:[],
宽度:0,
当前索引:0,
当前时间:0,
时间箭头:[
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-10:00”,“状态”:“约满”},
{“时间”:“8:00-22:00”,“状态”:“约满”}
]

},
/**
*生命周期功能——监听页面加载
*/
onLoad:函数(选项){
var=这个;
函数getThisMonthDays(年、月){
return new Date(年,月,0).getDate();
}
//计算每月的第一天
函数getFirstDayOfWeek(年、月){
return new Date(Date.UTC(年,月-1,1)).getDay();
}
常量日期=新日期();
const cur_year=日期.getFullYear();
const cur_ month=日期。获取月()+1;
const cur_ date=日期.getDate();
const weeks_Ch=[“天”、“一”、“二”、“三”、“四”、“五”、“六”];
//使用构造函数创建对象
功能日历(日期、周){
这日期=当前年+'-'+当前月+'-'+日期;
如果(日期==当前日期){
这周=“今天”;
}否则如果(日期==cur_date+1){
这周=“明天”;
}其他{
这周=“周”+周;

}