|
@@ -5,6 +5,7 @@ import styles from './index.module.less'
|
|
|
import IconArrow from '../../images/icon_arrow.png'
|
|
|
import IconArrowDefault from '../../images/icon_arrow_default.png'
|
|
|
import IconToday from '../../images/icon-today.png'
|
|
|
+import IconTodayDefault from '../../images/icon-today-default.png'
|
|
|
import isToday from 'dayjs/plugin/isToday'
|
|
|
import isSameOrBefore from 'dayjs/plugin/isSameOrBefore'
|
|
|
import OHeader from '@/components/o-header'
|
|
@@ -87,6 +88,11 @@ export default defineComponent({
|
|
|
selectDayTitle() {
|
|
|
// 选中日期标题
|
|
|
return dayjs(this.currentDate).format('YYYY-MM-DD')
|
|
|
+ },
|
|
|
+ todayStatus() {
|
|
|
+ // 当前时间是否在当月
|
|
|
+ console.log(this.calendarDate)
|
|
|
+ return this.calendarDate ? dayjs().isSame(dayjs(this.calendarDate), 'month') : false
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
@@ -220,7 +226,12 @@ export default defineComponent({
|
|
|
class={[styles.right]}
|
|
|
onClick={this.onPrevMonth}
|
|
|
/>
|
|
|
- <Icon name={IconToday} size={22} class={styles.today} onClick={this.onToday} />
|
|
|
+ <Icon
|
|
|
+ name={this.todayStatus ? IconToday : IconTodayDefault}
|
|
|
+ size={22}
|
|
|
+ class={styles.today}
|
|
|
+ onClick={this.onToday}
|
|
|
+ />
|
|
|
<Icon name={IconArrow} size={22} onClick={this.onNextMonth} />
|
|
|
</div>
|
|
|
</div>
|