w

datepicker 용 간단 css

2041786067_1628063495.8158.png

 

jquery datepicker 용 간단 CSS

 

#ui-datepicker-div { background: #fff; margin: 5px 0 0 0; padding-top: 25px; box-shadow: 10px 10px 40px rgb(0 0 0 / 10%); }
#ui-datepicker-div .ui-datepicker-header { position: relative; margin-left: 20px; margin-right: 20px; }
#ui-datepicker-div .ui-datepicker-prev { position: absolute; display: inline-block; font-size: 12px; top: -23px; left: 0; }
#ui-datepicker-div .ui-datepicker-next { position: absolute; display: inline-block; font-size: 12px; top: -23px; right: 0; }
#ui-datepicker-div .ui-datepicker-title { position: relative; clear: both; margin-top: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
#ui-datepicker-div .ui-datepicker-title select { height: auto; width: calc( 50% - 15px); min-width: 90px; padding: 4px 12px; border-radius: 0; }
#ui-datepicker-div .ui-datepicker-calendar { margin-left: 20px; margin-right: 20px; }
#ui-datepicker-div .ui-datepicker-calendar th,
#ui-datepicker-div .ui-datepicker-calendar td { width: 35px; height: 30px; text-align: center; line-height: 30px; }
#ui-datepicker-div .ui-datepicker-calendar th:first-child > span,
#ui-datepicker-div .ui-datepicker-calendar td:first-child > a { color: #dc3545; }
#ui-datepicker-div .ui-datepicker-calendar th:last-child > span,
#ui-datepicker-div .ui-datepicker-calendar td:last-child > a { color: #007bff; }
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active { padding: 3px 6px; background: #6f42c1; color: #fff; font-weight: 600; }
#ui-datepicker-div .ui-datepicker-buttonpane { margin-top: 10px; display: flex; }
#ui-datepicker-div .ui-datepicker-buttonpane > button { flex: 1 1 50%; max-width: 50%; text-align: center; padding: .375rem; }
#ui-datepicker-div .ui-datepicker-buttonpane > button:first-child { order: 2; background: #dc3545; color: #fff; }
#ui-datepicker-div .ui-datepicker-buttonpane > button:last-child  { order: 1; }

 

최대한 간단하게...

|

댓글 2개

너무 감사합니다.

댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
21-08-26 조회 7,532
21-08-25 조회 7,905
21-08-25 조회 8,564
21-08-25 조회 7,226
21-08-24 조회 9,598
21-08-24 조회 8,733
21-08-23 조회 9,336
21-08-23 조회 7,574
21-08-23 조회 7,328
21-08-21 조회 7,793
21-08-18 조회 8,302
21-08-17 조회 8,756
21-08-17 조회 7,844
21-08-14 조회 8,707
21-08-14 조회 1.1만
21-08-11 조회 8,197
21-08-10 조회 9,571
21-08-07 조회 7,265
21-08-05 조회 9,238
21-08-05 조회 8,941
21-08-04 조회 7,787
21-08-04 조회 8,436
21-08-04 조회 7,681
21-08-04 조회 7,584
21-08-02 조회 8,768
21-08-02 조회 7,759
21-08-01 조회 7,317
21-07-31 조회 7,631
21-07-30 조회 7,171
21-07-29 조회 9,749