Daily Noteのプロジェクトを整理しているときに、カレンダー作成のソースコードが流用できそうな形になっていたので抜き出してみました。リリース版ではもっと複雑怪奇になっているのですが、評価段階で作成したソースコードはわりとシンプルなのでベースにしやすいかと思います。
See the Pen wzQOKW by NORIAKI MIFUNE (@senmyou) on CodePen.
ところで、今日このソースコードをブログ上で動作させたくて、何かないかなとネットで探していたら「codepen」を紹介している記事を見つけました。それで登録して使ってみたのですが、なんかよくわからないけど、たのしいですね、これ。
お疲れ様です。良いソースありがとうございます。
上記の＜と日付の間の線を消したいですが、方法がありますかね。
もしあれば教えてください。
コメントありがとうございます。
ご質問にありました ＜ と日付の間の線は、CSSファイルで以下の２か所に border: none; を追加すると消えるようです。
#calendar_table #calender_title { /* 24行目：日付のth要素 */
font-size: 18px;
color: #888;
border: none; /* 追加 */
}
#calendar_table > tr:nth-of-type(1) > .cal_prev, /* ３９行目：＜と＞のth要素 */
#calendar_table > tr:nth-of-type(1) > .cal_next {
color: #888;
border: none; /* 追加 */
}
お試しくださいませ。