uni-app uni-calendar 日历小程序显示英文

uni-app uni-calendar 日历小程序显示英文

示例代码：

<uni-calendar :insert="true"  :lunar="true"  class="calendar" />

操作步骤：

  • 直接运行

预期结果：

  • 应该显示中文

实际结果：

  • 显示英文

bug描述：

在小程序上会显示英文


| 项目信息       | 详细信息   |
|----------------|------------|
| 产品分类       | uniapp/小程序/微信 |
| PC开发环境操作系统 | Windows    |
| PC开发环境操作系统版本号 | 11         |
| HBuilderX类型  | 正式       |
| HBuilderX版本号 | 3.2.10     |
| 第三方开发者工具版本号 | 1.05.2108150 |
| 基础库版本号    | 2.17.0     |
| 项目创建方式    | HBuilderX   |

更多关于uni-app uni-calendar 日历小程序显示英文的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

查看关联帖子:https://ask.dcloud.net.cn/question/131607

更多关于uni-app uni-calendar 日历小程序显示英文的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题是由于 uni-calendar 组件在小程序环境中默认使用英文导致的。可以通过以下方式解决：

  1. 设置语言属性： 在组件上添加 locale 属性，强制指定为中文：
<uni-calendar :insert="true" :lunar="true" locale="zh" class="calendar" />
  1. 全局配置： 在 App.vue 中设置全局语言：
onLaunch: function() {
  uni.setLocale('zh_CN')
}

  1. 检查uni-ui版本： 确保使用的是最新版 uni-ui（建议 1.4.20+），旧版本可能存在语言支持问题。

  2. 小程序基础库兼容： 微信小程序基础库 2.17.0 对国际化支持良好，但需确认小程序项目配置中已正确设置语言：

  • 在 app.json 中配置：
{
  "locale": "zh_CN"
}
  1. 自定义语言包（备用方案）： 如果上述方法无效，可自定义日历文本：
<uni-calendar 
  :insert="true" 
  :lunar="true" 
  :text="customText"
  class="calendar"
/>

customText: {
  month: '月',
  week: ['日', '一', '二', '三', '四', '五', '六'],
  today: '今天'
}
回到顶部