Javascript Example: datepicker 시작일 종료일 설정 - 예제2 | Second Memory
본 예제는
https://blog.munilive.com
에서 제공하는 예제 입니다. |
관련 글 바로가기
Javascript Example: datepicker 시작일 종료일 설정 - 예제2
시작일 :
달력
~ 종료일 :
달력
시작일은 종료일 이후 날짜를 선택 할 수 없으며, 종료일은 시작일 이전의 날짜를 선택 할 수 없습니다.
날짜를 변경하면 자동으로 시작일과 종료일의 선택가능 날짜가 변경됩니다.
※ 시작일과 종료일 input box에 초기 날짜 입력을 기존 PHP date()함수를 이용하여 출력하던 것을 javascript를 이용하여 출력하도록 변경하였고, 종료일 선택시 종료일을 선택 할 수 있는 최대 범위를 시작일 +7일로 하는 내용을 추가 하였습니다.
이전달
다음달
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057
2058
2059
2060
2061
2062
2063
2064
2065
2066
2067
2068
2069
2070
2071
2072
2073
2074
2075
2076
2077
2078
2079
2080
2081
2082
2083
2084
2085
2086
2087
2088
2089
2090
2091
2092
2093
2094
2095
2096
2097
2098
2099
2100
2101
2102
2103
2104
2105
2106
2107
2108
2109
2110
2111
2112
2113
2114
2115
2116
2117
2118
2119
2120
2121
2122
2123
2124
3월
4월
5월
6월
7월
8월
9월
10월
11월
12월
일
월
화
수
목
금
토
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
오늘
닫기