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,531
21-08-25 조회 7,898
21-08-25 조회 8,557
21-08-25 조회 7,224
21-08-24 조회 9,595
21-08-24 조회 8,730
21-08-23 조회 9,335
21-08-23 조회 7,572
21-08-23 조회 7,324
21-08-21 조회 7,791
21-08-18 조회 8,297
21-08-17 조회 8,752
21-08-17 조회 7,842
21-08-14 조회 8,703
21-08-14 조회 1.1만
21-08-11 조회 8,195
21-08-10 조회 9,568
21-08-07 조회 7,263
21-08-05 조회 9,231
21-08-05 조회 8,939
21-08-04 조회 7,786
21-08-04 조회 8,430
21-08-04 조회 7,679
21-08-04 조회 7,582
21-08-02 조회 8,760
21-08-02 조회 7,758
21-08-01 조회 7,316
21-07-31 조회 7,631
21-07-30 조회 7,169
21-07-29 조회 9,746