怎么在微信小程序中實現(xiàn)日期午別醫(yī)生排班表功能
這篇文章將為大家詳細(xì)講解有關(guān)怎么在微信小程序中實現(xiàn)日期午別醫(yī)生排班表功能，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計制作、做網(wǎng)站、耒陽網(wǎng)絡(luò)推廣、微信小程序、耒陽網(wǎng)絡(luò)營銷、耒陽企業(yè)策劃、耒陽品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供耒陽建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：muchs.cn
1.util.js
//獲取幾天后日期
function dateCount(arg,date) {
var date1 = arg;
var date2 = new Date(date1);
date2.setDate(date2.getDate() + parseInt(date));
var times = date2.getFullYear() + "-" + (date2.getMonth() + 1) + "-" + date2.getDate();
var Year = 0;
var Month = 0;
var Day = 0;
var CurrentDate = "";
Year = date2.getFullYear();
Month = date2.getMonth() + 1;
Day = date2.getDate();
CurrentDate += Year + "-";
if (Month >= 10) {
CurrentDate += Month + "-";
} else {
CurrentDate += "0" + Month + "-";
}
if (Day >= 10) {
CurrentDate += Day;
} else {
CurrentDate += "0" + Day;
}
return CurrentDate;
}
Date.prototype.format = function() {
var s = '';
s += this.getFullYear() + '-'; // 獲取年份。
if ((this.getMonth() + 1) >= 10) { // 獲取月份。
s += (this.getMonth() + 1) + "-";
} else {
s += "0" + (this.getMonth() + 1) + "-";
}
if (this.getDate() >= 10) { // 獲取日。
s += this.getDate();
} else {
s += "0" + this.getDate();
}
return (s); // 返回日期。
};
//兩個日期之間的所有日期
function getAll(begin, end) {
var ab = begin.split("-");
var ae = end.split("-");
var db = new Date();
db.setUTCFullYear(ab[0], ab[1] - 1, ab[2]);
var de = new Date();
de.setUTCFullYear(ae[0], ae[1] - 1, ae[2]);
var unixDb = db.getTime();
var unixDe = de.getTime();
var str = "";
for (var k = unixDb + 24 * 60 * 60 * 1000; k < unixDe;) {
str += (new Date(parseInt(k))).format() + ",";
k = k + 24 * 60 * 60 * 1000;
}
return str;
}
//兩個時間相差天數(shù)
function datedifference(sDate1, sDate2) { //sDate1和sDate2是2006-12-18格式
var aDate, oDate1, oDate2, iDays;
aDate = sDate1.split("-");
oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]); //轉(zhuǎn)換為9-25-2017格式
aDate = sDate2.split("-");
oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]);
iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24);
return iDays;
};
module.exports = {
DateCount: dateCount,
GetAll: getAll,
Datedifference: datedifference
}2.js
var HB = require('../../utils/util.js');
Page({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
sourceList: [{
"ClinicLabelName": "醫(yī)生A",
"ClinicLabelId": "8a2256334b021c33014b06124fd60181",
"Count": 5,
"Date": "2018-12-12",
"IsVisit": false,
"NoonName": "上午",
"Noon": 1,
"Total": 50,
"dayOfWeek": "3",
"keyue": true
},
{
"ClinicLabelName": "醫(yī)生D",
"ClinicLabelId": "8a2256334b021c33014b06124fd60181",
"Count": 5,
"Date": "2018-12-18",
"IsVisit": false,
"NoonName": "凌晨",
"Noon": 4,
"Total": 50,
"dayOfWeek": "5",
"keyue": true
},
{
"ClinicLabelName": "醫(yī)生B",
"ClinicLabelId": "8a2256334b021c33014b06124fd60181",
"Count": 5,
"Date": "2018-12-21",
"IsVisit": false,
"NoonName": "下午",
"Noon": 2,
"Total": 50,
"dayOfWeek": "3",
"keyue": true
},
{
"ClinicLabelName": "醫(yī)生c",
"ClinicLabelId": "8a2256334b021c33014b06124fd60181",
"Count": 5,
"Date": "2018-12-16",
"IsVisit": false,
"NoonName": "全天",
"Noon": 4,
"Total": 50,
"dayOfWeek": "4",
"keyue": true
},
{
"ClinicLabelName": "醫(yī)生D",
"ClinicLabelId": "8a2256334b021c33014b06124fd60181",
"Count": 5,
"Date": "2018-12-16",
"IsVisit": false,
"NoonName": "夜間",
"Noon": 3,
"Total": 50,
"dayOfWeek": "5",
"keyue": true
}
],
dateArray: [],
noonList: [],
StartClinicDate: "2018-12-12",
EndClinicDate: "2018-12-19"
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面加載
*/
onLoad: function(options) {
this.removal();
},
removal: function() {
var that =this;
var objectArray = this.data.sourceList;
var newObject = [];
for (var i = 0; i < objectArray.length; i++) //從第二項開始遍歷
{
newObject.push(objectArray[i].NoonName);
}
var finalArray = [newObject[0]]; //結(jié)果數(shù)組
for (var j = 1; j < newObject.length; j++) //從第二項開始遍歷
{
//如果當(dāng)前數(shù)組的第i項在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i，
//那么表示第i項是重復(fù)的，忽略掉。否則存入結(jié)果數(shù)組
if (newObject.indexOf(newObject[j]) == j) {
finalArray.push(newObject[j]);
}
}
var noonList = [];
for (var k = 0; k < finalArray.length; k++) //從第二項開始遍歷
{
noonList.push({
NoonName: finalArray[k],
noon: that.getNoonNum(finalArray[k]),
Value: false,
list: []
})
}
that.setData({
noonList: noonList.sort(that.compare("noon"))
})
that.getSevenDays();
},
getNoonNum: function(ele) {
var num;
switch (ele) {
case '上午':
num = 1;
break;
case '下午':
num = 2;
break;
case '夜間':
num = 3;
break;
case '凌晨':
num = 4;
break;
case '全天':
num = 5;
break;
}
return num;
},
compare: function compare(property){
return function (a, b) {
var value1 = a[property];
var value2 = b[property];
return value1 - value2;
}
},
getSevenDays: function() {
var daysArray = [];
var dayDict = {};
var weekStr = '';
var weekNum = '';
var date = new Date(); //當(dāng)前日期
var newDate = new Date();
//開始日期與結(jié)束日期之間相差天數(shù)
var dateNum = HB.Datedifference(this.data.StartClinicDate, this.data.EndClinicDate);
//顯示幾周的表格
var weekNum = Math.ceil((dateNum + 1) / 7);
var dateArr = HB.GetAll(this.data.StartClinicDate, HB.DateCount(this.data.StartClinicDate, weekNum * 7 - 1));
dateArr = (this.data.StartClinicDate + "," + dateArr + HB.DateCount(this.data.StartClinicDate, weekNum * 7 - 1)).split(","); //獲取兩個日期之間日期
for (var i = 0; i < dateArr.length; i++) {
weekNum = this.getWeekNum(this.getWeekByDay(dateArr[i]));
dayDict = {
"date": dateArr[i],
"date_text": dateArr[i].substring(5, 10),
"weekName": this.getWeekByDay(dateArr[i]),
"weekNum": weekNum
};
daysArray.push(dayDict);
}
this.setData({
dateArray: daysArray
});
this.dealData();
},
getWeekNum: function(ele) {
var num;
switch (ele) {
case '周一':
num = 0;
break;
case '周二':
num = 1;
break;
case '周三':
num = 2;
break;
case '周四':
num = 3;
break;
case '周五':
num = 4;
break;
case '周六':
num = 5;
break;
case '周日':
num = 6;
break;
}
return num;
},
getWeekByDay: function(value) {
var day = new Date(Date.parse(value.replace(/-/g, '/'))); //將日期值格式化
var today = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六"); //創(chuàng)建星期數(shù)組
return today[day.getDay()];
},
dealData: function() {
var that = this;
var tag = 0;
var ar = [1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7];
var objectArray = that.data.noonList;
let loopNum = that.data.dateArray.length;
for (var k = 0; k < objectArray.length; k++) {
for (var m = 0; m < loopNum; m++) {
objectArray[k].list.push({
keyue: false,
date: HB.DateCount(that.data.StartClinicDate, m)
})
}
}
for (var i = 0; i < that.data.sourceList.length; i++) {
var assignmentArray;
for (var j = 0; j < objectArray.length; j++) {
if (objectArray[j].NoonName == that.data.sourceList[i].NoonName){
assignmentArray = objectArray[j];
}
}
assignmentArray.Value = true;
for (var n = 0; n < assignmentArray.list.length; n++) {
if (assignmentArray.list[n].date == that.data.sourceList[i].Date) {
assignmentArray.list[n].noon = that.data.sourceList[i].Noon,
assignmentArray.list[n].clinicLabelId = that.data.sourceList[i].ClinicLabelId,
assignmentArray.list[n].clinicLabelName = that.data.sourceList[i].ClinicLabelName,
assignmentArray.list[n].count = that.data.sourceList[i].Count,
assignmentArray.list[n].isVisit = that.data.sourceList[i].IsVisit,
assignmentArray.list[n].noonName = that.data.sourceList[i].NoonName,
assignmentArray.list[n].total = that.data.sourceList[i].Total,
assignmentArray.list[n].dayOfWeek = that.data.sourceList[i].dayOfWeek,
assignmentArray.list[n].keyue = true
}
}
}
that.setData({
noonList: objectArray
})
},
clickDoctor: function(e) {
let index = e.currentTarget.dataset.item;
let indexChild = e.currentTarget.dataset.itemchild;
let arrObiect = this.data.noonList;
var objectList = arrObiect[index].list[indexChild];
debugger
}
})3.wxml
<!-- 醫(yī)生排班表 -->
<scroll-view scroll-x="true" class='scrollClass'>
<view class='cell-table'>
<view class='cell-table_header'>
<view class="th">
<view class='cell_label'></view>
</view>
<block wx:for="{{dateArray}}" wx:key="">
<view class='th'>
<view class="cell_label centerclass">{{item.weekName}}</view>
<view class="cell_date_label centerclass">{{item.date_text}}</view>
</view>
</block>
</view>
<block wx:for="{{noonList}}" wx:key="" wx:for-index="parentIndex" wx:if='{{item.Value}}'>
<view class='cell-table_main'>
<!--上午下午晚上全天-->
<view class='td' style='background-color:white;'>
<view class="cell_label centerclass">{{item.NoonName}}</view>
</view>
<block wx:key="" wx:for="{{item.list}}" wx:for-item="trade" wx:for-index="ind">
<view class='td' wx:if='{{trade.keyue}}'>
<view class='cell-table_choose"' bindtap='clickDoctor' data-item='{{parentIndex}}' data-itemchild='{{ind}}'>{{trade.count+"/"+trade.total}}</view>
</view>
<view class='td' wx:else>
<view class='cell-table_empty"'></view>
</view>
</block>
</view>
</block>
</view>
</scroll-view>4.wxss
/*醫(yī)生排班表 */
.cell-table {
display: inline-flex;
flex-direction: column;
border: 1rpx solid #e5e5e5;
border-bottom: 0;
}
.scrollClass {
display: flex;
width: 100%;
white-space: nowrap;
margin-top: 23px;
height: 100%;
background-color: white;
}
.cell-table_header {
display: inline-flex;
}
.th {
display: flex;
flex-direction: column;
width: 100px;
height: 45px;
background: #f8f8f8;
border-right: 1rpx solid #e5e5e5;
border-bottom: 1rpx solid #e5e5e5;
justify-content: center;
align-items: center;
overflow-x: auto;
}
.th:first-child {
width: 60px;
}
.cell_label {
font-size: 13px;
color: #999;
}
.cell_date_label {
font-size: 12px;
color: #999;
}
.cell-table_main {
display: inline-flex;
flex-direction: row;
}
.right-item {
display: flex;
flex-direction: row;
}
.td {
display: flex;
flex-direction: column;
width: 100px;
height: 45px;
background: white;
justify-content: center;
align-items: center;
border: 1rpx solid #e5e5e5;
border-top: 0;
border-left: 0;
}
.td:first-child {
width: 60px;
}
.cell-table_empty {
display: flex;
justify-content: center;
align-items: center;
height: 45px;
font-size: 15px;
color: rgba(55, 134, 244, 1);
width: 100%;
word-break: normal;
}
.cell-table_choose {
display: flex;
justify-content: center;
align-items: center;
height: 45px;
font-size: 15px;
background: linear-gradient(to bottom, #5acafe, #45a1fc);
color: white;
width: 100%;
word-break: normal;
}關(guān)于怎么在微信小程序中實現(xiàn)日期午別醫(yī)生排班表功能就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
本文題目：怎么在微信小程序中實現(xiàn)日期午別醫(yī)生排班表功能
文章位置：http://muchs.cn/article14/igejge.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、網(wǎng)站導(dǎo)航、品牌網(wǎng)站建設(shè)、面包屑導(dǎo)航、網(wǎng)站內(nèi)鏈、ChatGPT
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 商城小程序開發(fā)選擇模板開發(fā)還是定制開發(fā)？ 2021-05-01
- 模板網(wǎng)站和定制開發(fā)網(wǎng)站有什么區(qū)別？ 2022-07-09
- 詳解APP定制開發(fā)和模板APP的區(qū)別與優(yōu)劣勢 2017-01-05
- 為什么說定制開發(fā)的網(wǎng)站有利于網(wǎng)站優(yōu)化? 2016-10-22
- 業(yè)務(wù)系統(tǒng)定制開發(fā) 2021-10-10
- 微信小程序 定制開發(fā)還是用模板好 2021-02-24
- 上海高端網(wǎng)站建設(shè)定制開發(fā)有哪些重點 2020-12-24
- 網(wǎng)站建設(shè)之品牌海外響應(yīng)式歐美風(fēng)網(wǎng)站定制開發(fā)方案 2022-07-26
- 山東小程序定制開發(fā)價格，制作商城小程序需要多少錢？ 2020-12-09
- 定制開發(fā)的網(wǎng)站為什么要比模板網(wǎng)站貴呢？ 2016-11-12
- 網(wǎng)站定制開發(fā)的特點。 2019-01-01
- 棗莊市市中區(qū)APP定制開發(fā)公司在尋找過程中可能會遇到哪些坑？ 2020-12-16