0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Angular materialのカレンダーBodyにある日を非表示にしたい

Posted at

先日、下記の記事を書いたが、localeを日本に設定すると、1日、2日と表示されるが1、2と表示したい(日を非表示にしたい)

localeを日本に設定すると

こんな感じ

Screenshot 2024-07-02 at 17.13.54.png

javascriptで日を''に置き換える

いろいろ調べてみたが、これ以外に方法が見つからなかった

const cells = document.querySelectorAll('.mat-calendar-body-cell-content.mat-focus-indicator');
cells.forEach(cell => {
    cell.textContent = cell.textContent!.trim().replace('日', '');
})

日の部分は、.mat-calendar-body-cell-content.mat-focus-indicatorで取得できる!

で、取得後は、forEachでぐるぐる回して、日を''にreplaceする

こんな感じ
Screenshot 2024-07-02 at 17.19.15.png

最後に

もっと良い方法があれば、教えて下さい

コードはこちら↓↓↓

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?