医疗uniapp制作医生值班日的日期星期显示的完整代码
时间: 2023-03-20 08:00:26 浏览: 108
uniapp的pda扫码组件完整代码
5星 · 资源好评率100%
以下是一个示例代码,用于在uniapp中显示医生值班日的日期和星期。
```
<template>
<view>
<view>医生值班日:{{dutyDate}}</view>
<view>星期{{dutyWeekday}}</view>
</view>
</template>
<script>
export default {
data() {
return {
dutyDate: '',
dutyWeekday: ''
}
},
mounted() {
this.getDutyDate()
},
methods: {
getDutyDate() {
const today = new Date()
const weekDays = ['日', '一', '二', '三', '四', '五', '六']
const dutyDay = 3 // 假设医生值班日是每周三
let dutyDate = new Date(today)
dutyDate.setDate(today.getDate() + (dutyDay - today.getDay() + 7) % 7)
let dutyWeekday = weekDays[dutyDate.getDay()]
dutyDate = dutyDate.toLocaleDateString()
this.dutyDate = dutyDate
this.dutyWeekday = dutyWeekday
}
}
}
</script>
```
解释:
1. `data` 属性中包含两个变量,分别为值班日期 `dutyDate` 和星期几 `dutyWeekday`。
2. `mounted` 生命周期钩子函数中调用 `getDutyDate` 方法,获取医生值班日的日期和星期。
3. `getDutyDate` 方法中,先获取当前日期 `today` 和星期几的字符串数组 `weekDays`。
4. 根据假设的值班日,计算出下一个值班日的日期 `dutyDate`。
5. 将 `dutyDate` 转换为字符串格式并赋值给 `dutyDate` 变量。
6. 将 `dutyDate` 的星期几转换为字符串格式并赋值给 `dutyWeekday` 变量。
7. 在模板中通过双花括号语法 `{{}}` 显示 `dutyDate` 和 `dutyWeekday` 变量的值。
阅读全文