サイトアイコン INFRAGISTICS ナレッジ ベース

igDatePicker カレンダー部分の土日のスタイルを変更する

igDatePicker の土日部分の配色(前景色・背景色)を変更する例を紹介します。

次のスタイルを適用することで、前景色、背景色を変更することができます。

<style>
  /* 土曜日のカラー設定 */
  .ui-datepicker-week-end:last-child a {
    background-color: #eaeaff;
    color: #0000ff;
  }
  /* 日曜日のカラー設定 */
  .ui-datepicker-week-end:first-child a {
    background-color: #ffecec;
    color: #ff0000;
  }
</style>
モバイルバージョンを終了