質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Ionic

Ionicは、クロスプラットフォームに対応したモバイルアプリ開発のためのオープンソースUIフレームワークです。iOSやAndroid、Webのアプリケーションを1つのコードベースで開発できます。

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

解決済

ionicカレンダーアプリを日本語にしたい。

Gento
Gento

総合スコア0

Ionic

Ionicは、クロスプラットフォームに対応したモバイルアプリ開発のためのオープンソースUIフレームワークです。iOSやAndroid、Webのアプリケーションを1つのコードベースで開発できます。

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

1回答

0評価

0クリップ

44閲覧

投稿2019/08/15 04:13

前提・実現したいこと

ionic2-calendarを使ってカレンダーアプリを製作しており、それを日本語化したいです。

試したこと

こちらのAngular公式ドキュメントを参考にしましたが、下記のエラーが発生しました。

import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { RouteReuseStrategy } from '@angular/router'; import { IonicModule, IonicRouteStrategy } from '@ionic/angular'; import { SplashScreen } from '@ionic-native/splash-screen/ngx'; import { StatusBar } from '@ionic-native/status-bar/ngx'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; import { NgCalendarModule } from 'ionic2-calendar'; import { LOCALE_ID } from '@angular/core'; @NgModule({ declarations: [AppComponent], entryComponents: [], imports: [ BrowserModule, IonicModule.forRoot(), AppRoutingModule, NgCalendarModule], providers: [ StatusBar, SplashScreen, { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, { provide: LOCALE_ID, useValue: 'ja-JP' } ], bootstrap: [AppComponent] }) export class AppModule {}

今度はionic2-calendarのドキュメントにあった様に

イメージ説明

calendar = { mode: 'month', locale: 'ja-JP' };

を追加しましたが、同じエラーでした。

発生している問題・エラーメッセージ

core.js:9110 ERROR Error: Uncaught (in promise): Error: InvalidPipeArgument: 'Missing locale data for the locale "ja-JP".' for pipe 'DatePipe' Error: InvalidPipeArgument: 'Missing locale data for the locale "ja-JP".' for pipe 'DatePipe' at invalidPipeArgumentError (common.js:5624) at DatePipe.transform (common.js:6764) at MonthViewComponent.formatDayHeaderLabel (monthview.js:45) at MonthViewComponent.push../node_modules/ionic2-calendar/monthview.js.MonthViewComponent.getViewData (monthview.js:174) at CalendarService.push../node_modules/ionic2-calendar/calendar.service.js.CalendarService.populateAdjacentViews (calendar.service.js:103) at MonthViewComponent.push../node_modules/ionic2-calendar/monthview.js.MonthViewComponent.refreshView (monthview.js:329) at MonthViewComponent.push../node_modules/ionic2-calendar/monthview.js.MonthViewComponent.ngOnInit (monthview.js:63) at checkAndUpdateDirectiveDynamic (core.js:27821) at checkAndUpdateNodeDynamic (core.js:38494) at checkAndUpdateNode (core.js:38414) at resolvePromise (zone-evergreen.js:797) at resolvePromise (zone-evergreen.js:754) at zone-evergreen.js:858 at ZoneDelegate.invokeTask (zone-evergreen.js:391) at Object.onInvokeTask (core.js:34182) at ZoneDelegate.invokeTask (zone-evergreen.js:390) at Zone.runTask (zone-evergreen.js:168) at drainMicroTaskQueue (zone-evergreen.js:559)
ERROR TypeError: Cannot read property 'dayHeaders' of undefined

補足情報(FW/ツールのバージョンなど)

ionic info

Ionic: Ionic CLI : 5.2.3 (/usr/local/lib/node_modules/ionic) Ionic Framework : @ionic/angular 4.7.1 @angular-devkit/build-angular : 0.801.3 @angular-devkit/schematics : 8.1.3 @angular/cli : 8.1.3 @ionic/angular-toolkit : 2.0.0 Utility: cordova-res : 0.6.0 native-run : 0.2.8 System: NodeJS : v10.15.1 (/usr/local/bin/node) npm : 6.4.1 OS : macOS Mojave

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Ionic

Ionicは、クロスプラットフォームに対応したモバイルアプリ開発のためのオープンソースUIフレームワークです。iOSやAndroid、Webのアプリケーションを1つのコードベースで開発できます。

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。