dev
parent
720b33a1d2
commit
1baafb2a63
|
|
@ -81,7 +81,7 @@
|
|||
</view>
|
||||
<view class="col">
|
||||
<view class="progress-box">
|
||||
<progress percent="20" show-info stroke-width="3" />
|
||||
<progress :percent="item" show-info stroke-width="3" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -1,21 +1,23 @@
|
|||
## 1.4.10（2023-04-10）
|
||||
- 修复 某些情况 monthSwitch 未触发的Bug
|
||||
## 1.4.9（2023-02-02）
|
||||
- 修复 某些情况切换月份错误问题
|
||||
- 修复 某些情况切换月份错误的Bug
|
||||
## 1.4.8（2023-01-30）
|
||||
- 修复 某些情况切换月份错误问题
|
||||
- 修复 某些情况切换月份错误的Bug [详情](https://ask.dcloud.net.cn/question/161964)
|
||||
## 1.4.7（2022-09-16）
|
||||
- 可以使用 uni-scss 控制主题色
|
||||
- 优化 支持使用 uni-scss 控制主题色
|
||||
## 1.4.6（2022-09-08）
|
||||
- fix: 表头年月切换，导致改变当前日期为选择月1号，且未触发change事件
|
||||
- 修复 表头年月切换，导致改变当前日期为选择月1号，且未触发change事件的Bug
|
||||
## 1.4.5（2022-02-25）
|
||||
- 修复 条件编译 nvue 不支持的 css 样式
|
||||
- 修复 条件编译 nvue 不支持的 css 样式的Bug
|
||||
## 1.4.4（2022-02-25）
|
||||
- 修复 条件编译 nvue 不支持的 css 样式
|
||||
- 修复 条件编译 nvue 不支持的 css 样式的Bug
|
||||
## 1.4.3（2021-09-22）
|
||||
- 修复 startDate、 endDate 属性失效的 bug
|
||||
- 修复 startDate、 endDate 属性失效的Bug
|
||||
## 1.4.2（2021-08-24）
|
||||
- 新增 支持国际化
|
||||
## 1.4.1（2021-08-05）
|
||||
- 修复 弹出层被 tabbar 遮盖 bug
|
||||
- 修复 弹出层被 tabbar 遮盖的Bug
|
||||
## 1.4.0（2021-07-30）
|
||||
- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
|
||||
## 1.3.16（2021-05-12）
|
||||
|
|
|
|||
|
|
@ -51,11 +51,10 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
initVueI18n
|
||||
} from '@dcloudio/uni-i18n'
|
||||
import messages from './i18n/index.js'
|
||||
const { t } = initVueI18n(messages)
|
||||
import { initVueI18n } from '@dcloudio/uni-i18n'
|
||||
import i18nMessages from './i18n/index.js'
|
||||
const { t } = initVueI18n(i18nMessages)
|
||||
|
||||
export default {
|
||||
emits:['change'],
|
||||
props: {
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<view class="uni-calendar__header-btn-box" @click.stop="next">
|
||||
<view class="uni-calendar__header-btn uni-calendar--right"></view>
|
||||
</view>
|
||||
<text class="uni-calendar__backtoday" @click="backtoday">{{todayText}}</text>
|
||||
<text class="uni-calendar__backtoday" @click="backToday">{{todayText}}</text>
|
||||
|
||||
</view>
|
||||
<view class="uni-calendar__box">
|
||||
|
|
@ -62,12 +62,12 @@
|
|||
|
||||
<script>
|
||||
import Calendar from './util.js';
|
||||
import calendarItem from './uni-calendar-item.vue'
|
||||
import {
|
||||
initVueI18n
|
||||
} from '@dcloudio/uni-i18n'
|
||||
import messages from './i18n/index.js'
|
||||
const { t } = initVueI18n(messages)
|
||||
import CalendarItem from './uni-calendar-item.vue'
|
||||
|
||||
import { initVueI18n } from '@dcloudio/uni-i18n'
|
||||
import i18nMessages from './i18n/index.js'
|
||||
const { t } = initVueI18n(i18nMessages)
|
||||
|
||||
/**
|
||||
* Calendar 日历
|
||||
* @description 日历组件可以查看日期，选择任意范围内的日期，打点操作。常用场景如：酒店日期预订、火车机票选择购买日期、上下班打卡等
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
*/
|
||||
export default {
|
||||
components: {
|
||||
calendarItem
|
||||
CalendarItem
|
||||
},
|
||||
emits:['close','confirm','change','monthSwitch'],
|
||||
props: {
|
||||
|
|
@ -199,26 +199,26 @@
|
|||
}
|
||||
},
|
||||
created() {
|
||||
// 获取日历方法实例
|
||||
this.cale = new Calendar({
|
||||
// date: new Date(),
|
||||
selected: this.selected,
|
||||
startDate: this.startDate,
|
||||
endDate: this.endDate,
|
||||
range: this.range,
|
||||
})
|
||||
// 选中某一天
|
||||
// this.cale.setDate(this.date)
|
||||
this.init(this.date)
|
||||
// this.setDay
|
||||
},
|
||||
methods: {
|
||||
// 取消穿透
|
||||
clean() {},
|
||||
bindDateChange(e) {
|
||||
const value = e.detail.value + '-1'
|
||||
console.log(this.cale.getDate(value));
|
||||
this.setDate(value)
|
||||
|
||||
const { year,month } = this.cale.getDate(value)
|
||||
this.$emit('monthSwitch', {
|
||||
year,
|
||||
month
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 初始化日期显示
|
||||
|
|
@ -323,11 +323,16 @@
|
|||
/**
|
||||
* 回到今天
|
||||
*/
|
||||
backtoday() {
|
||||
console.log(this.cale.getDate(new Date()).fullDate);
|
||||
let date = this.cale.getDate(new Date()).fullDate
|
||||
// this.cale.setDate(date)
|
||||
this.init(date)
|
||||
backToday() {
|
||||
const nowYearMonth = `${this.nowDate.year}-${this.nowDate.month}`
|
||||
const date = this.cale.getDate(new Date())
|
||||
const todayYearMonth = `${date.year}-${date.month}`
|
||||
|
||||
if(nowYearMonth !== todayYearMonth) {
|
||||
this.monthSwitch()
|
||||
}
|
||||
|
||||
this.init(date.fullDate)
|
||||
this.change()
|
||||
},
|
||||
/**
|
||||
|
|
@ -446,7 +451,6 @@
|
|||
|
||||
.uni-calendar--fixed-width {
|
||||
width: 50px;
|
||||
// padding: 0 15px;
|
||||
}
|
||||
|
||||
.uni-calendar__backtoday {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"id": "uni-calendar",
|
||||
"displayName": "uni-calendar 日历",
|
||||
"version": "1.4.9",
|
||||
"version": "1.4.10",
|
||||
"description": "日历组件",
|
||||
"keywords": [
|
||||
"uni-ui",
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@ export default {
|
|||
### Calendar Props
|
||||
|
||||
| 属性名 | 类型 | 默认值| 说明 |
|
||||
| | |
|
||||
| - | - | - | - |
|
||||
| date | String |- | 自定义当前时间，默认为今天 |
|
||||
| lunar | Boolean | false | 显示农历 |
|
||||
| startDate | String |- | 日期选择范围-开始日期 |
|
||||
|
|
@ -91,7 +91,7 @@ export default {
|
|||
### Calendar Events
|
||||
|
||||
| 事件名 | 说明 |返回值|
|
||||
| | | |
|
||||
| - | - | - |
|
||||
| open | 弹出日历组件，`insert :false` 时生效|- |
|
||||
|
||||
|
||||
|
|
@ -100,4 +100,4 @@ export default {
|
|||
|
||||
## 组件示例
|
||||
|
||||
点击查看：[https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar](https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar)
|
||||
点击查看：[https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar](https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar)
|
||||
|
|
|
|||
Loading…
Reference in New Issue