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(':');
......
......@@ -353,6 +353,8 @@ Taro.login({
5. 查看参与状态
## 维护和扩展
1. 更新时候注意事项
- datetime-picker 组件有一部分写死修改,需要注意不要修改
### 添加新页面
1.`src/pages/` 下创建页面目录
......