Angular+fullcalendar環境で日付を変更した時もしくは初期表示時に日付タイトルのレイアウトが崩れる
![Thumbnail of post image 164](https://chico-shikaku.com/wp-content/uploads/2024/07/45e81d98fe3bb1804438cd472180d260-150x150.png)
今回はAngular+fullcalendar環境でAngularのバージョンアップを行ったときに、日付を変更した時もしくは初期表示時にfullcalendarの日付の場所が移動する不具合をどう対応したかについて備忘録を残しておきたい ...
new Dateでstring型からDate型の変数を生成するとき、date-fnsを使ってJSTなどのタイムゾーンを使う方法
![Thumbnail of post image 007](https://chico-shikaku.com/wp-content/uploads/2024/07/4407c1f90e58c160187c34d67344af9b-150x142.png)
今回はnew Dateで例えば「’2024-08-01’」というstring型の文字列をDate型に変換するとき、date-fnsというライブラリを使ってJSTなどのタイムゾーンを考えたDate型に変更する方法 ...
moment.jsからdate-fns移行時にinputのdatepickerの表記不具合
![Thumbnail of post image 159](https://chico-shikaku.com/wp-content/uploads/2024/07/9206294bc429676cdfa1648d917326f8-150x124.png)
今回はmoment.jsからdate-fns移行時にinputのdatepickerの表記不具合の解消法についてご紹介していこうと思います。
date-fnsのバージョンは3.6.0です。
moment.jsからda ...date-fns-tz使用中にModule ‘”date-fns-tz”‘ has no exported member named ‘utcToZonedTime’.
![Thumbnail of post image 089](https://chico-shikaku.com/wp-content/uploads/2024/07/b1225256e023c33541657e2520d735b3-150x150.png)
今回はJSのライブラリであるdate-fns-tzを使っているときにutcToZonedTimeを使用しようとして「'”date-fns-tz”‘ has no exported member na ...
date-fns-tz使用中にModule ‘”date-fns-tz”‘ has no exported member ‘zonedTimeToUtc’.
![Thumbnail of post image 094](https://chico-shikaku.com/wp-content/uploads/2024/07/d02aef4cd60a2c5d685ab11797ab4f9d-150x150.png)
今回はJSのライブラリであるdate-fns-tzを使っていてzonedTimeToUtcを使用しようとしたときに「Module ‘”date-fns-tz”‘ has no expor ...
Angularのimageでsrcで指定したパスの画像を表示させたいとき
![Thumbnail of post image 151](https://chico-shikaku.com/wp-content/uploads/2024/07/0a6153c917789ed7d12fc6ae544f87cf-150x150.png)
今回はAngularのimageでsrcで指定したパスの画像を表示させたいときどのようにすれば良いのかについてご紹介していこうと思います。
Angularのバージョンは18.0.6です。
Angularのimageで ...Angularでパイプ+jsonを使ってログ出力する際に「NG8004: No pipe found with name ‘json’.」
![Thumbnail of post image 068](https://chico-shikaku.com/wp-content/uploads/2024/07/d36b6989ed3480fe208e85b799edeed1-150x150.png)
今回はAngularを使っているときにでパイプ+jsonを使ってログ出力する際に「NG8004: No pipe found with name ‘json’.」とエラーが出たときの対処法についてご紹介いたしま ...
AngularでHTML上にObject型の変数をデバッグして表示させたいとき
![Thumbnail of post image 046](https://chico-shikaku.com/wp-content/uploads/2024/06/027b3fa690e8ccdefda2634653e69959-150x150.png)
AngularでHTML上にObject型の変数をデバッグして表示させたいときどのようにすれば良いのかについてご紹介いたします。
Angularのバージョンは15.2.10となります。
AngularでHTML上にO ...Angularで「’routeReuseStrategy’ is deprecated.」と出るがまだ使える
![Thumbnail of post image 034](https://chico-shikaku.com/wp-content/uploads/2024/06/1af0bdc9c7ccaa066423ed438fcc3bf0-150x150.png)
今回はAngularでrouteReuseStrategyを使おうとしたときに開発環境によっては「’routeReuseStrategy’ is deprecated.」とwarningが出るが普通にroute ...
Angularで「Error: Could not find the ‘@angular-devkit/build-angular:dev-server’ builder’s node package.」
![Thumbnail of post image 112](https://chico-shikaku.com/wp-content/uploads/2024/06/b82b87854d86c52582789ddaccbb63a9-150x150.png)
今回はAngularを使っているときに下記のエラーが起きたときの原因についてご紹介していきます。
Angularのバージョンは15.2.11です。
Angularで「Error: Could not find the ...Angular+fullcalendar環境で「Unknown option ‘dateClick’」
![Thumbnail of post image 158](https://chico-shikaku.com/wp-content/uploads/2024/06/4598d61e61ccad4ef3a776d023b37032-150x144.png)
今回はAngular+fullcalendarを使った環境で下記のwarningが出てdateClickなどが反応しなくなったときの対処法についてご紹介いたします。
Angularのバージョンは15.2.11で、fullc ...
Angular+ngx-fomantic-uiで「Error: export ‘ReflectiveInjector’ (imported as ‘ReflectiveInjector’) was not found in ‘@angular/core’」
![Thumbnail of post image 123](https://chico-shikaku.com/wp-content/uploads/2024/06/d5cbf11c0304e4a724cff4ee2f26b8e1-150x150.png)
今回はAngular+ngx-fomantic-uiの環境で下記のエラーが起きる原因についてお話ししていきます。
Angularのバージョンは16.2.14で、ngx-fomantic-uiのバージョンは0.11.7です。 ...
Angularで「 ‘noEventsContent’ does not exist in type ‘CalendarOptions’. Did you mean to write ‘eventContent’?」
![Thumbnail of post image 022](https://chico-shikaku.com/wp-content/uploads/2024/06/968c490b0ba409af8cea4983eea80e7a-150x150.png)
今回はAngularのバージョンアップ時に下記のようなエラーが起きたときの対処法についてご紹介いたします。
Angularのバージョンは17.3.7で、fullcalendarのバージョンは6.1.14です。
Ang ...Angularのバージョンアップ時に「Error: Can’t resolve ‘~ngx-toastr/toastr.css’」
![Thumbnail of post image 126](https://chico-shikaku.com/wp-content/uploads/2024/06/b96ec227e3968c0b446c71365416c507-150x150.png)
今回はAngularのバージョンアップ時に下記のエラーが起きたときの対処法についてご紹介いたします。
Angularのバージョンは15.2.11です。
Angularのバージョンアップ時に「Error: Can ...Angularで「error TS2305: Module ‘”@fullcalendar/core”‘ has no exported member ‘VerboseFormattingArg’.」
![Thumbnail of post image 060](https://chico-shikaku.com/wp-content/uploads/2024/06/e6cee95af3bfc8442ead535290d7ab01-150x84.png)
今回はAngular+fullcalendar環境で下記のエラーが起きたときの対処法についてご紹介いたします。
Angularのバージョンは17.3.11で、fullcalendarのバージョンは6.1.14です。 ...