hookehuyr

fix(datetime-picker): 修复日期选择器格式化问题并添加中文显示

修改datetime-picker组件,强制使用中文格式显示年月日时分
更新项目文档说明此组件的自定义修改注意事项
......@@ -97,7 +97,30 @@ VantComponent({
return this.picker;
},
updateColumns() {
const { formatter = defaultFormatter } = this.data;
// const { formatter = defaultFormatter } = this.data;
let { formatter } = this.data;
if (defaultFormatter) {
formatter = defaultFormatter;
}
// 默认写死配置
formatter = (type, value) => {
if (type === 'year') {
return `${value}年`;
}
if (type === 'month') {
return `${value}月`;
}
if (type === 'day') {
return `${value}日`;
}
if (type === 'hour') {
return `${value}时`;
}
if (type === 'minute') {
return `${value}分`;
}
return value;
}
const results = this.getOriginColumns().map((column) => ({
values: column.values.map((value) => formatter(column.type, value)),
}));
......@@ -262,7 +285,27 @@ VantComponent({
updateColumnValue(value) {
let values = [];
const { type } = this.data;
const formatter = this.data.formatter || defaultFormatter;
let formatter = this.data.formatter || defaultFormatter;
// 默认写死配置
formatter = (type, value) => {
if (type === 'year') {
return `${value}年`;
}
if (type === 'month') {
return `${value}月`;
}
if (type === 'day') {
return `${value}日`;
}
if (type === 'hour') {
return `${value}时`;
}
if (type === 'minute') {
return `${value}分`;
}
return value;
}
const picker = this.getPicker();
if (type === 'time') {
const pair = value.split(':');
......
......@@ -2,11 +2,11 @@
## 项目概述
**项目名称**: 静待花开-活动小助手 (swx-weapp)
**项目版本**: 1.0.0
**项目类型**: 微信小程序
**开发框架**: Taro 3.4.10 + Vue 3 + Vant Weapp
**Node.js版本**: 16.14.2
**项目名称**: 静待花开-活动小助手 (swx-weapp)
**项目版本**: 1.0.0
**项目类型**: 微信小程序
**开发框架**: Taro 3.4.10 + Vue 3 + Vant Weapp
**Node.js版本**: 16.14.2
## 技术栈
......@@ -301,8 +301,8 @@ npm run build:weapp
service.interceptors.request.use(
config => {
// POST 请求数据序列化(排除上传接口)
config.data = config.method === 'post' &&
!strExist(['a=upload', 'upload.qiniup.com'], config.url)
config.data = config.method === 'post' &&
!strExist(['a=upload', 'upload.qiniup.com'], config.url)
? qs.stringify(config.data) : config.data;
return config
}
......@@ -353,6 +353,8 @@ Taro.login({
5. 查看参与状态
## 维护和扩展
1. 更新时候注意事项
- datetime-picker 组件有一部分写死修改,需要注意不要修改
### 添加新页面
1.`src/pages/` 下创建页面目录
......@@ -373,4 +375,4 @@ Taro.login({
**文档更新日期**: 2024年12月
**维护人员**: 开发团队
**联系方式**: hookehuyr@gmail.com
\ No newline at end of file
**联系方式**: hookehuyr@gmail.com
......