カレンダーのソースコード

Daily Noteのプロジェクトを整理しているときに、カレンダー作成のソースコードが流用できそうな形になっていたので抜き出してみました。リリース版ではもっと複雑怪奇になっているのですが、評価段階で作成したソースコードはわりとシンプルなのでベースにしやすいかと思います。

See the Pen wzQOKW by NORIAKI MIFUNE (@senmyou) on CodePen.

ところで、今日このソースコードをブログ上で動作させたくて、何かないかなとネットで探していたら「codepen」を紹介している記事を見つけました。それで登録して使ってみたのですが、なんかよくわからないけど、たのしいですね、これ。

「カレンダーのソースコード」への2件のフィードバック

  1. お疲れ様です。良いソースありがとうございます。
    上記の<と日付の間の線を消したいですが、方法がありますかね。
    もしあれば教えてください。

    1. コメントありがとうございます。
      ご質問にありました < と日付の間の線は、CSSファイルで以下の2か所に border: none; を追加すると消えるようです。

      #calendar_table #calender_title { /* 24行目:日付のth要素 */
      font-size: 18px;
      color: #888;
      border: none; /* 追加 */
      }

      #calendar_table > tr:nth-of-type(1) > .cal_prev, /* 39行目:<と>のth要素 */
      #calendar_table > tr:nth-of-type(1) > .cal_next {
      color: #888;
      border: none; /* 追加 */
      }

      お試しくださいませ。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA