如何使用法语版本的ngx_bootstrap日期选择器

ukqbszuj 于 2023-03-21 发布在 Bootstrap

关注(0)|答案(3)|浏览(138)

我在我的angular项目中使用ngx-bootstrap datepicker。我想使用法语版本的datepicker，但它总是给我英语版本。下面是我的代码：
网页：

<input type='text' class="form-control" placeholder="Date de l'aller :" bsDatepicker formControlName="dateDepart" />

component.ts:

import { defineLocale } from 'ngx-bootstrap/chronos';
import { fr } from 'ngx-bootstrap/locale';
defineLocale('fr', fr);

有什么帮助吗，请，关于如何使用法国ngx- Bootstrap 日期选择器版本？

twitter-bootstrap

来源：https://stackoverflow.com/questions/48383964/how-to-use-ngx-bootstrap-datepicker-with-french-version

3条答案

按热度按时间

vvppvyoh1#

对于西班牙语（Datepicker），将此代码添加到app.module：

import { BsDatepickerModule, BsLocaleService } from 'ngx-bootstrap/datepicker';
import { defineLocale } from 'ngx-bootstrap/chronos';
import { esLocale } from 'ngx-bootstrap/locale';
defineLocale('es', esLocale);

export class AppModule { 
  constructor( private bsLocaleService: BsLocaleService){
    this.bsLocaleService.use('es');//fecha en español, datepicker
  }

}

赞(0）回复(0）举报 2023-03-21

z6psavjg2#

也可以在Angular的模块中为ngx-bootstrap日期选择器设置语言环境。
首先我们在app.module.ts中导入我们的语言环境：

import { defineLocale } from "ngx-bootstrap/chronos";
import { nbLocale } from "ngx-bootstrap/locale";
defineLocale("nb", nbLocale); //only setting up Norwegian bokmaal (nb) in this sample
export class AppModule {
 constructor(private bsLocaleService: BsLocaleService) {
    this.bsLocaleService.use('nb');
    }
}

现在我们所有的ngx-bootstrap datepickers都有了指定的挪威语语言环境，当然你可以切换到其他语言环境，记住输入小写的字符串。

赞(0）回复(0）举报 2023-03-21

ni65a41a3#

看起来你定义了语言环境，但实际上还没有设置它。从ngx-bootstrap/datepicker注入BsLocaleService到你的组件中，并调用它的use('fr')方法。检查这里的示例-https://valor-software.com/ngx-bootstrap/#/datepicker#locales（转到component选项卡并查看代码）

赞(0）回复(0）举报 2023-03-21

我来回答

如何使用法语版本的ngx_bootstrap日期选择器

3条答案

相关问题

热门标签

最新问答