<![CDATA[
<div class="figure-video" data-ke-type="video" data-video-url="https://kakaotv.daum.net/embed/player/cliplink/rvcpqmvjmws8lltl07zvalhkb@my?service=daum_cafe" data-video-host="kakaotv" data-video-play-service="daum_cafe" data-video-width="712" data-video-height="400" data-ke-style="alignLeft" data-video-thumbnail="https://thumb.kakaocdn.net/dna/kamp/source/rvcpqmvjmws8lltl07zvalhkb/thumbs/6.jpg?credential=TuMuFGKUIcirOSjFzOpncbomGFEIdZWK&expires=33270976623&signature=hxSS8DX0FuoPEAVDw%2FIZdJ0CbAQ%3D" data-ke-mobile-mobileStyle="widthFull" data-video-origin-width="712" data-video-origin-height="400"><iframe src="https://kakaotv.daum.net/embed/player/cliplink/rvcpqmvjmws8lltl07zvalhkb@my?service=daum_cafe&ptoken=v2_029e161b4c92f911a0850edd0cc61c1b597f3014a434a05084b80cf9c30a37a7bf42161d9fb17cae126c1a504b2c06e7b71440e8af30df083d782dd38a" width="712" height="400" frameborder="0" scrolling="no" allowfullscreen="" allow="encrypted-media"></iframe><div class="figcaption"></div></div><div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div><div style="line-height:130%">104</div><div style="line-height:130%">105</div><div style="line-height:130%">106</div><div style="line-height:130%">107</div><div style="line-height:130%">108</div><div style="line-height:130%">109</div><div style="line-height:130%">110</div><div style="line-height:130%">111</div><div style="line-height:130%">112</div><div style="line-height:130%">113</div><div style="line-height:130%">114</div><div style="line-height:130%">115</div><div style="line-height:130%">116</div><div style="line-height:130%">117</div><div style="line-height:130%">118</div><div style="line-height:130%">119</div><div style="line-height:130%">120</div><div style="line-height:130%">121</div><div style="line-height:130%">122</div><div style="line-height:130%">123</div><div style="line-height:130%">124</div><div style="line-height:130%">125</div><div style="line-height:130%">126</div><div style="line-height:130%">127</div><div style="line-height:130%">128</div><div style="line-height:130%">129</div><div style="line-height:130%">130</div><div style="line-height:130%">131</div><div style="line-height:130%">132</div><div style="line-height:130%">133</div><div style="line-height:130%">134</div><div style="line-height:130%">135</div><div style="line-height:130%">136</div><div style="line-height:130%">137</div><div style="line-height:130%">138</div><div style="line-height:130%">139</div><div style="line-height:130%">140</div><div style="line-height:130%">141</div><div style="line-height:130%">142</div><div style="line-height:130%">143</div><div style="line-height:130%">144</div><div style="line-height:130%">145</div><div style="line-height:130%">146</div><div style="line-height:130%">147</div><div style="line-height:130%">148</div><div style="line-height:130%">149</div><div style="line-height:130%">150</div><div style="line-height:130%">151</div><div style="line-height:130%">152</div><div style="line-height:130%">153</div><div style="line-height:130%">154</div><div style="line-height:130%">155</div><div style="line-height:130%">156</div><div style="line-height:130%">157</div><div style="line-height:130%">158</div><div style="line-height:130%">159</div><div style="line-height:130%">160</div><div style="line-height:130%">161</div><div style="line-height:130%">162</div><div style="line-height:130%">163</div><div style="line-height:130%">164</div><div style="line-height:130%">165</div><div style="line-height:130%">166</div><div style="line-height:130%">167</div><div style="line-height:130%">168</div><div style="line-height:130%">169</div><div style="line-height:130%">170</div><div style="line-height:130%">171</div><div style="line-height:130%">172</div><div style="line-height:130%">173</div><div style="line-height:130%">174</div><div style="line-height:130%">175</div><div style="line-height:130%">176</div><div style="line-height:130%">177</div><div style="line-height:130%">178</div><div style="line-height:130%">179</div><div style="line-height:130%">180</div><div style="line-height:130%">181</div><div style="line-height:130%">182</div><div style="line-height:130%">183</div><div style="line-height:130%">184</div><div style="line-height:130%">185</div><div style="line-height:130%">186</div><div style="line-height:130%">187</div><div style="line-height:130%">188</div><div style="line-height:130%">189</div><div style="line-height:130%">190</div><div style="line-height:130%">191</div><div style="line-height:130%">192</div><div style="line-height:130%">193</div><div style="line-height:130%">194</div><div style="line-height:130%">195</div><div style="line-height:130%">196</div><div style="line-height:130%">197</div><div style="line-height:130%">198</div><div style="line-height:130%">199</div><div style="line-height:130%">200</div><div style="line-height:130%">201</div><div style="line-height:130%">202</div><div style="line-height:130%">203</div><div style="line-height:130%">204</div><div style="line-height:130%">205</div><div style="line-height:130%">206</div><div style="line-height:130%">207</div><div style="line-height:130%">208</div><div style="line-height:130%">209</div><div style="line-height:130%">210</div><div style="line-height:130%">211</div><div style="line-height:130%">212</div><div style="line-height:130%">213</div><div style="line-height:130%">214</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>html&nbsp;lang<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"ko"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>head<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>meta&nbsp;charset<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"UTF-8"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>meta&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"viewport"</span>&nbsp;<span style="color:#4be6fa">content</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>title<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>Calendar.html<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>title<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>link&nbsp;rel<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"stylesheet"</span>&nbsp;href<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>script&nbsp;src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>script&nbsp;src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>script&nbsp;src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>style<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;.bgColor&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span>color:&nbsp;rgb(<span style="color:#c10aff">166</span>,&nbsp;<span style="color:#c10aff">219</span>,&nbsp;<span style="color:#c10aff">240</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>style<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ffd500">'use&nbsp;strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;param&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">window</span>.<span style="color:#4be6fa">location</span>.search;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;'?'&nbsp;뒤의&nbsp;쿼리스트링을&nbsp;가져온다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;yy,&nbsp;mm;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#999999">//&nbsp;param변수에&nbsp;값이&nbsp;담겨있다면&nbsp;새로운&nbsp;달력의&nbsp;년도/월을&nbsp;변경시켜서&nbsp;다시&nbsp;호출한&nbsp;경우이다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">if</span>(param&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">""</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;yy&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;param.<span style="color:#4be6fa">substring</span>(param.<span style="color:#4be6fa">indexOf</span>(<span style="color:#ffd500">'yy='</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">3</span>,param.<span style="color:#4be6fa">indexOf</span>(<span style="color:#ffd500">'yy='</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;mm&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;param.<span style="color:#4be6fa">substring</span>(param.lastIndexOf(<span style="color:#ffd500">'mm='</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">3</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#999999">//&nbsp;오늘&nbsp;날짜를&nbsp;전역변수로&nbsp;저장시켜놓기위해&nbsp;날짜객체&nbsp;생성후&nbsp;date변수에&nbsp;오늘&nbsp;날짜만&nbsp;받았다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#999999">//&nbsp;앞에서&nbsp;넘어온&nbsp;'년도(yy)'와&nbsp;'월(mm)'이&nbsp;존재한다면,&nbsp;year변수와&nbsp;month변수에&nbsp;넘어온&nbsp;yy와&nbsp;mm으로&nbsp;사용하고&nbsp;그렇지&nbsp;않으면&nbsp;오늘날짜&nbsp;생성객체의&nbsp;년도와&nbsp;월을&nbsp;저장한다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;today&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">new</span>&nbsp;<span style="color:#4be6fa">Date</span>();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;today.getFullYear();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;month&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;today.getMonth()&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#c10aff">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;date&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;today.getDate();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;todayYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;year.toString();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#999999">//&nbsp;오늘날짜와&nbsp;넘어온&nbsp;날짜를&nbsp;나중에&nbsp;셀선택시에&nbsp;비교해주기위해(오늘&nbsp;이전은&nbsp;선택되지&nbsp;않게하기위함)&nbsp;오늘날짜(tempToday)를&nbsp;8자리로&nbsp;편집후&nbsp;저장시켜두었다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">if</span>(month.toString().<span style="color:#4be6fa">length</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">1</span>)&nbsp;month&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'0'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;month;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">if</span>(date.<span style="color:#4be6fa">length</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">1</span>)&nbsp;date&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'0'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;date;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;currentToday&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;month&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;date;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">if</span>(param&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">""</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;yy;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;month&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;mm;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;ymdLastDate;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;해당월의&nbsp;마지막일자&nbsp;저장변수</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;sw&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;firstDate&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;lastDate&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;$(<span style="color:#4be6fa">document</span>).ready(<span style="color:#ff3399">function</span>()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;오늘&nbsp;날짜&nbsp;구해서&nbsp;화면에&nbsp;출력시켜주다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;ymd&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;currentToday.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"-"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;currentToday.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"-"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;currentToday.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">'#todayNalja'</span>).html(`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>a&nbsp;href<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"calendar.html"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>오늘&nbsp;날짜&nbsp;:&nbsp;${ymd}<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>a<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;달력그리기&nbsp;함수&nbsp;호출</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;calendarDraw(year,&nbsp;month,&nbsp;<span style="color:#c10aff">1</span>);&nbsp;<span style="color:#999999">//&nbsp;첫번째&nbsp;달력그리기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;calendarDraw(year,&nbsp;<span style="color:#4be6fa">parseInt</span>(month)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>,&nbsp;<span style="color:#c10aff">2</span>);&nbsp;<span style="color:#999999">//&nbsp;두번째&nbsp;달력그리기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;년도&nbsp;구해서&nbsp;선택박스에&nbsp;넣기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;strYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>todayYear;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#4be6fa">parseInt</span>(todayYear)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">4</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(i&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;year)&nbsp;strYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;selected<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>${year}<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;strYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>${i}<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;yearSelect.innerHTML&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;strYear;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;월&nbsp;구해서&nbsp;선택박스에&nbsp;넣기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;ymdLastDate&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">new</span>&nbsp;<span style="color:#4be6fa">Date</span>(year,month,<span style="color:#c10aff">0</span>).getDate();&nbsp;<span style="color:#999999">//&nbsp;해당월의&nbsp;마지막일자구하기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;strMonth&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">12</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(i&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;month)&nbsp;strMonth&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;selected<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>${month}<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;imsiI&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;i;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(i.toString().<span style="color:#4be6fa">length</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">1</span>)&nbsp;imsiI&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'0'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;i;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;strMonth&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>${imsiI}<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;monthSelect.innerHTML&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;strMonth;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;시작일자와&nbsp;마지막일자&nbsp;범위&nbsp;설정하기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">'td'</span>).click(<span style="color:#ff3399">function</span>()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;오늘&nbsp;이전일을&nbsp;선택할수&nbsp;없게&nbsp;한다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;cellText&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">eval‎</span>($(<span style="color:#4be6fa">this</span>).text());</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(cellText.toString().<span style="color:#4be6fa">length</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">1</span>)&nbsp;cellText&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'0'</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;cellText;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">const</span>&nbsp;tableId&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#4be6fa">this</span>).closest(<span style="color:#ffd500">'div'</span>).attr(<span style="color:#ffd500">'id'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;console.log(tableId);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;tempClickToday&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(tableId&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'calendar1'</span>){&nbsp;<span style="color:#999999">//&nbsp;클릭한게&nbsp;첫번째&nbsp;달력이면</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tempClickToday&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#ffd500">'#calendar1&nbsp;.thisCalendar'</span>).text()&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;cellText;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tempClickToday&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#ffd500">'#calendar2&nbsp;.thisCalendar'</span>).text()&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;cellText;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tempClickToday&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;tempClickToday.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>tempClickToday.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">5</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;console.log("1",currentToday,&nbsp;tempClickToday);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(currentToday&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;tempClickToday)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"오늘&nbsp;이전일은&nbsp;선택할&nbsp;수&nbsp;없습니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">return</span>&nbsp;<span style="color:#c10aff">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;sw가&nbsp;0은&nbsp;시작일,&nbsp;sw=1은&nbsp;종료일이다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(sw&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">0</span>)&nbsp;{&nbsp;<span style="color:#999999">//&nbsp;시작일&nbsp;선택시</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lastDate&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#4be6fa">this</span>).addClass(<span style="color:#ffd500">'bgColor'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;firstDate&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;tempClickToday;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">'#demo1'</span>).html(<span style="color:#ffd500">'&lt;b&nbsp;class="text-info"&gt;예약종료일자를&nbsp;선택해주세요&lt;/b&gt;'</span>)</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">'#demo2'</span>).html(`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>b<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>선택된&nbsp;날짜&nbsp;:&nbsp;${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)}년&nbsp;${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)}월&nbsp;${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>)}일&nbsp;~<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>b<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sw&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;{&nbsp;<span style="color:#999999">//&nbsp;종료일&nbsp;선택시</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lastDate&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;tempClickToday;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(firstDate&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;lastDate)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"시작일&nbsp;이후날짜를&nbsp;선택해주세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">return</span>&nbsp;<span style="color:#c10aff">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#4be6fa">this</span>).addClass(<span style="color:#ffd500">'bgColor'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">'#demo1'</span>).html(`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>b&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text-danger"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>예약일자&nbsp;:&nbsp;${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)}년&nbsp;${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)}월&nbsp;${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>)}일&nbsp;~&nbsp;${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)}년&nbsp;${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)}월&nbsp;${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>)}일<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>b<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`)</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">'#demo2'</span>).html(`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>b<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>선택된&nbsp;날짜&nbsp;:&nbsp;${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)}년&nbsp;${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)}월&nbsp;${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>)}일&nbsp;~&nbsp;${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)}년&nbsp;${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)}월&nbsp;${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>)}일<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>b<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;시작과&nbsp;종료사이셀들&nbsp;색입히기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;startWeek1&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">new</span>&nbsp;<span style="color:#4be6fa">Date</span>(year,month<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#c10aff">1</span>,<span style="color:#c10aff">1</span>).getDay();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;startWeek2&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">new</span>&nbsp;<span style="color:#4be6fa">Date</span>(year,month,<span style="color:#c10aff">1</span>).getDay();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;ymdLastDate1&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">new</span>&nbsp;<span style="color:#4be6fa">Date</span>(year,month,<span style="color:#c10aff">0</span>).getDate();&nbsp;<span style="color:#999999">//&nbsp;시작월의&nbsp;마지막일자</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;ymdLastDate2&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">new</span>&nbsp;<span style="color:#4be6fa">Date</span>(year,month<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>,<span style="color:#c10aff">0</span>).getDate();&nbsp;<span style="color:#999999">//&nbsp;종료월의&nbsp;마지막일자</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)){&nbsp;<span style="color:#999999">//&nbsp;시작과&nbsp;종료가&nbsp;같은달이면..</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(tableId&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'calendar1'</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#4be6fa">parseInt</span>(firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek1;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#4be6fa">parseInt</span>(lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek1;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">'#calendar1&nbsp;tr&nbsp;td'</span>).eq(i).addClass(<span style="color:#ffd500">'bgColor'</span>)</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#4be6fa">parseInt</span>(firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek2;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#4be6fa">parseInt</span>(lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek2;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">'#calendar2&nbsp;tr&nbsp;td'</span>).eq(i).addClass(<span style="color:#ffd500">'bgColor'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>{&nbsp;<span style="color:#999999">//&nbsp;시작월의&nbsp;종료달이&nbsp;다른달이면..</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#4be6fa">parseInt</span>(firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek1;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>ymdLastDate1<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek1;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">'#calendar1&nbsp;tr&nbsp;td'</span>).eq(i).addClass(<span style="color:#ffd500">'bgColor'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek2<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#4be6fa">parseInt</span>(lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek2;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">'#calendar2&nbsp;tr&nbsp;td'</span>).eq(i).addClass(<span style="color:#ffd500">'bgColor'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#999999">//&nbsp;달력그리기&nbsp;함수</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;calendarDraw(year,&nbsp;month,&nbsp;calendar)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">console</span>.log(year,&nbsp;month,&nbsp;calendar);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;해당월&nbsp;1일의&nbsp;요일&nbsp;구하기(0:일,&nbsp;1:월,&nbsp;2:화~~&nbsp;6:토)&nbsp;:&nbsp;값이&nbsp;숫자로&nbsp;넘어온다.(해당숫자만큼&nbsp;공백(td)을&nbsp;넣어야한다.)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;startWeek&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">new</span>&nbsp;<span style="color:#4be6fa">Date</span>(year,month<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#c10aff">1</span>,<span style="color:#c10aff">1</span>).getDay();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;week&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;startWeek;&nbsp;<span style="color:#999999">//&nbsp;week변수는&nbsp;일주일(7)&nbsp;1개행을&nbsp;체크하기위한&nbsp;변수</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;해당월의&nbsp;마지막일자&nbsp;구하기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;ymdLastDate&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">new</span>&nbsp;<span style="color:#4be6fa">Date</span>(year,month,<span style="color:#c10aff">0</span>).getDate();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//console.log(ymdLastDate);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;동적테이블&nbsp;그리기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;calendarTable&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>table&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"table&nbsp;table-bordered&nbsp;text-center&nbsp;mt-2"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td&nbsp;colspan<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"7"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"bg-dark&nbsp;text-white&nbsp;thisCalendar"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>${year}<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span>${(<span style="color:#ffd500">'0'</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>month).slice(<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#c10aff">2</span>)}<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text-danger"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>일<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>월<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>화<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>수<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>목<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>금<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text-primary"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>토<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;calendarTable&nbsp;+=&nbsp;`&lt;td&nbsp;colspan="${startWeek}"&gt;&lt;/td&gt;`;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">0</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>startWeek;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;calendarTable&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'&lt;td&gt;&lt;/td&gt;'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>ymdLastDate;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(week&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">0</span>)&nbsp;calendarTable&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text-danger"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>${i}<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`;&nbsp;<span style="color:#999999">//&nbsp;일요일</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(week&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">6</span>)&nbsp;calendarTable&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text-primary"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>${i}<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`;&nbsp;<span style="color:#999999">//&nbsp;토요일</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;calendarTable&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>${i}<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;week<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(week&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">7</span>)&nbsp;week&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(week&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">7</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>week;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#c10aff">7</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;calendarTable&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'&lt;td&gt;&lt;/td&gt;'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;calendarTable&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'&lt;/tr&gt;&lt;/table&gt;'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(calendar&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'1'</span>)&nbsp;$(<span style="color:#ffd500">'#calendar1'</span>).html(calendarTable);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;$(<span style="color:#ffd500">'#calendar2'</span>).html(calendarTable);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;calendarCheck()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"yearSelect"</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;month&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"monthSelect"</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;calendarDraw(year,&nbsp;month);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">location</span>.href&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;`calendar.html?yy<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>${year}<span style="color:#aaffaa"></span><span style="color:#ff3399">&amp;</span>mm<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>${month}`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>head<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>body<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"container&nbsp;mt-5"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>h2<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>첫번째날짜와&nbsp;마지막&nbsp;날짜를&nbsp;클릭하여&nbsp;날짜범위를&nbsp;선택하세요.<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h2<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>📢&nbsp;오늘&nbsp;날짜&nbsp;이전은&nbsp;선택하실&nbsp;수&nbsp;없습니다&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>p&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"todayNalja"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"mb-3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>select&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"yearSelect"</span>&nbsp;xxxxonchange<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"calendarCheck()"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>년</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>select&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"monthSelect"</span>&nbsp;xxxxonchange<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"calendarCheck()"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>월</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>input&nbsp;type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"다시선택"</span>&nbsp;<span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"location.reload();"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn&nbsp;btn-dark&nbsp;btn-sm"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"row"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"calendar1"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"col"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"calendar2"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"col"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"demo1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>📅예약하실&nbsp;시작일자를&nbsp;선택하세요.<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"demo2"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>body<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>html<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div><div style="line-height:130%">104</div><div style="line-height:130%">105</div><div style="line-height:130%">106</div><div style="line-height:130%">107</div><div style="line-height:130%">108</div><div style="line-height:130%">109</div><div style="line-height:130%">110</div><div style="line-height:130%">111</div><div style="line-height:130%">112</div><div style="line-height:130%">113</div><div style="line-height:130%">114</div><div style="line-height:130%">115</div><div style="line-height:130%">116</div><div style="line-height:130%">117</div><div style="line-height:130%">118</div><div style="line-height:130%">119</div><div style="line-height:130%">120</div><div style="line-height:130%">121</div><div style="line-height:130%">122</div><div style="line-height:130%">123</div><div style="line-height:130%">124</div><div style="line-height:130%">125</div><div style="line-height:130%">126</div><div style="line-height:130%">127</div><div style="line-height:130%">128</div><div style="line-height:130%">129</div><div style="line-height:130%">130</div><div style="line-height:130%">131</div><div style="line-height:130%">132</div><div style="line-height:130%">133</div><div style="line-height:130%">134</div><div style="line-height:130%">135</div><div style="line-height:130%">136</div><div style="line-height:130%">137</div><div style="line-height:130%">138</div><div style="line-height:130%">139</div><div style="line-height:130%">140</div><div style="line-height:130%">141</div><div style="line-height:130%">142</div><div style="line-height:130%">143</div><div style="line-height:130%">144</div><div style="line-height:130%">145</div><div style="line-height:130%">146</div><div style="line-height:130%">147</div><div style="line-height:130%">148</div><div style="line-height:130%">149</div><div style="line-height:130%">150</div><div style="line-height:130%">151</div><div style="line-height:130%">152</div><div style="line-height:130%">153</div><div style="line-height:130%">154</div><div style="line-height:130%">155</div><div style="line-height:130%">156</div><div style="line-height:130%">157</div><div style="line-height:130%">158</div><div style="line-height:130%">159</div><div style="line-height:130%">160</div><div style="line-height:130%">161</div><div style="line-height:130%">162</div><div style="line-height:130%">163</div><div style="line-height:130%">164</div><div style="line-height:130%">165</div><div style="line-height:130%">166</div><div style="line-height:130%">167</div><div style="line-height:130%">168</div><div style="line-height:130%">169</div><div style="line-height:130%">170</div><div style="line-height:130%">171</div><div style="line-height:130%">172</div><div style="line-height:130%">173</div><div style="line-height:130%">174</div><div style="line-height:130%">175</div><div style="line-height:130%">176</div><div style="line-height:130%">177</div><div style="line-height:130%">178</div><div style="line-height:130%">179</div><div style="line-height:130%">180</div><div style="line-height:130%">181</div><div style="line-height:130%">182</div><div style="line-height:130%">183</div><div style="line-height:130%">184</div><div style="line-height:130%">185</div><div style="line-height:130%">186</div><div style="line-height:130%">187</div><div style="line-height:130%">188</div><div style="line-height:130%">189</div><div style="line-height:130%">190</div><div style="line-height:130%">191</div><div style="line-height:130%">192</div><div style="line-height:130%">193</div><div style="line-height:130%">194</div><div style="line-height:130%">195</div><div style="line-height:130%">196</div><div style="line-height:130%">197</div><div style="line-height:130%">198</div><div style="line-height:130%">199</div><div style="line-height:130%">200</div><div style="line-height:130%">201</div><div style="line-height:130%">202</div><div style="line-height:130%">203</div><div style="line-height:130%">204</div><div style="line-height:130%">205</div><div style="line-height:130%">206</div><div style="line-height:130%">207</div><div style="line-height:130%">208</div><div style="line-height:130%">209</div><div style="line-height:130%">210</div><div style="line-height:130%">211</div><div style="line-height:130%">212</div><div style="line-height:130%">213</div><div style="line-height:130%">214</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>html lang<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"ko"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>head<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>meta charset<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"UTF-8"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>meta <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"viewport"</span> <span style="color:#4be6fa">content</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"width=device-width, initial-scale=1.0"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>title<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>Calendar.html<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>title<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>link rel<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"stylesheet"</span> href<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>script src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>script src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>script src<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>style<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> .bgColor {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> background<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span>color: rgb(<span style="color:#c10aff">166</span>, <span style="color:#c10aff">219</span>, <span style="color:#c10aff">240</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>style<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ffd500">'use strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> param <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">window</span>.<span style="color:#4be6fa">location</span>.search; <span style="color:#999999">// '?' 뒤의 쿼리스트링을 가져온다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> yy, mm;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// param변수에 값이 담겨있다면 새로운 달력의 년도/월을 변경시켜서 다시 호출한 경우이다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(param <span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">""</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> yy <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> param.<span style="color:#4be6fa">substring</span>(param.<span style="color:#4be6fa">indexOf</span>(<span style="color:#ffd500">'yy='</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">3</span>,param.<span style="color:#4be6fa">indexOf</span>(<span style="color:#ffd500">'yy='</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> mm <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> param.<span style="color:#4be6fa">substring</span>(param.lastIndexOf(<span style="color:#ffd500">'mm='</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">3</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 오늘 날짜를 전역변수로 저장시켜놓기위해 날짜객체 생성후 date변수에 오늘 날짜만 받았다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 앞에서 넘어온 '년도(yy)'와 '월(mm)'이 존재한다면, year변수와 month변수에 넘어온 yy와 mm으로 사용하고 그렇지 않으면 오늘날짜 생성객체의 년도와 월을 저장한다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> today <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">new</span> <span style="color:#4be6fa">Date</span>();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> today.getFullYear();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> month <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> today.getMonth() <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#c10aff">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> date <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> today.getDate();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> todayYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> year.toString();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 오늘날짜와 넘어온 날짜를 나중에 셀선택시에 비교해주기위해(오늘 이전은 선택되지 않게하기위함) 오늘날짜(tempToday)를 8자리로 편집후 저장시켜두었다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(month.toString().<span style="color:#4be6fa">length</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">1</span>) month <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'0'</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> month;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(date.<span style="color:#4be6fa">length</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">1</span>) date <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'0'</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> date;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> currentToday <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> year <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> month <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> date;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(param <span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">""</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> yy;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> month <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> mm;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> ymdLastDate; <span style="color:#999999">// 해당월의 마지막일자 저장변수</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> sw <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> firstDate <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> lastDate <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#4be6fa">document</span>).ready(<span style="color:#ff3399">function</span>() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 오늘 날짜 구해서 화면에 출력시켜주다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> ymd <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> currentToday.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>) <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"-"</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> currentToday.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>) <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"-"</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> currentToday.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">'#todayNalja'</span>).html(`<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>a href<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"calendar.html"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>오늘 날짜 : ${ymd}<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>a<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 달력그리기 함수 호출</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> calendarDraw(year, month, <span style="color:#c10aff">1</span>); <span style="color:#999999">// 첫번째 달력그리기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> calendarDraw(year, <span style="color:#4be6fa">parseInt</span>(month)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>, <span style="color:#c10aff">2</span>); <span style="color:#999999">// 두번째 달력그리기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 년도 구해서 선택박스에 넣기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> strYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>todayYear; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#4be6fa">parseInt</span>(todayYear)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">4</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(i <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> year) strYear <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option selected<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>${year}<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> strYear <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>${i}<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> yearSelect.innerHTML <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> strYear;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 월 구해서 선택박스에 넣기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> ymdLastDate <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">new</span> <span style="color:#4be6fa">Date</span>(year,month,<span style="color:#c10aff">0</span>).getDate(); <span style="color:#999999">// 해당월의 마지막일자구하기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> strMonth <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">12</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(i <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> month) strMonth <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option selected<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>${month}<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> imsiI <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> i;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(i.toString().<span style="color:#4be6fa">length</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">1</span>) imsiI <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'0'</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> i;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> strMonth <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>${imsiI}<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> monthSelect.innerHTML <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> strMonth;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 시작일자와 마지막일자 범위 설정하기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">'td'</span>).click(<span style="color:#ff3399">function</span>() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 오늘 이전일을 선택할수 없게 한다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> cellText <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">eval‎</span>($(<span style="color:#4be6fa">this</span>).text());</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(cellText.toString().<span style="color:#4be6fa">length</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">1</span>) cellText <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'0'</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> cellText;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">const</span> tableId <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#4be6fa">this</span>).closest(<span style="color:#ffd500">'div'</span>).attr(<span style="color:#ffd500">'id'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// console.log(tableId);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> tempClickToday <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(tableId <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'calendar1'</span>){ <span style="color:#999999">// 클릭한게 첫번째 달력이면</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> tempClickToday <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#ffd500">'#calendar1 .thisCalendar'</span>).text() <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> cellText;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span>{</div><div style="padding:0 6px; white-space:pre; line-height:130%"> tempClickToday <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#ffd500">'#calendar2 .thisCalendar'</span>).text() <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> cellText;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> tempClickToday <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> tempClickToday.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>tempClickToday.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">5</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// console.log("1",currentToday, tempClickToday);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(currentToday <span style="color:#aaffaa"></span><span style="color:#ff3399">></span> tempClickToday) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"오늘 이전일은 선택할 수 없습니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">return</span> <span style="color:#c10aff">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span>{</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// sw가 0은 시작일, sw=1은 종료일이다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(sw <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">0</span>) { <span style="color:#999999">// 시작일 선택시</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> lastDate <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#4be6fa">this</span>).addClass(<span style="color:#ffd500">'bgColor'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> firstDate <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> tempClickToday;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">'#demo1'</span>).html(<span style="color:#ffd500">'<b class="text-info">예약종료일자를 선택해주세요</b>'</span>)</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">'#demo2'</span>).html(`<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>b<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>선택된 날짜 : ${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)}년 ${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)}월 ${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>)}일 ~<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>b<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> sw <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> { <span style="color:#999999">// 종료일 선택시</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> lastDate <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> tempClickToday;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(firstDate <span style="color:#aaffaa"></span><span style="color:#ff3399">></span> lastDate) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"시작일 이후날짜를 선택해주세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">return</span> <span style="color:#c10aff">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#4be6fa">this</span>).addClass(<span style="color:#ffd500">'bgColor'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">'#demo1'</span>).html(`<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>b <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text-danger"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>예약일자 : ${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)}년 ${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)}월 ${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>)}일 ~ ${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)}년 ${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)}월 ${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>)}일<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>b<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`)</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">'#demo2'</span>).html(`<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>b<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>선택된 날짜 : ${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)}년 ${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)}월 ${firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>)}일 ~ ${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">0</span>,<span style="color:#c10aff">4</span>)}년 ${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)}월 ${lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>)}일<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>b<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 시작과 종료사이셀들 색입히기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> startWeek1 <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">new</span> <span style="color:#4be6fa">Date</span>(year,month<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#c10aff">1</span>,<span style="color:#c10aff">1</span>).getDay();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> startWeek2 <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">new</span> <span style="color:#4be6fa">Date</span>(year,month,<span style="color:#c10aff">1</span>).getDay();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> ymdLastDate1 <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">new</span> <span style="color:#4be6fa">Date</span>(year,month,<span style="color:#c10aff">0</span>).getDate(); <span style="color:#999999">// 시작월의 마지막일자</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> ymdLastDate2 <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">new</span> <span style="color:#4be6fa">Date</span>(year,month<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>,<span style="color:#c10aff">0</span>).getDate(); <span style="color:#999999">// 종료월의 마지막일자</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>) <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">4</span>,<span style="color:#c10aff">6</span>)){ <span style="color:#999999">// 시작과 종료가 같은달이면..</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(tableId <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'calendar1'</span>){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#4be6fa">parseInt</span>(firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek1; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#4be6fa">parseInt</span>(lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek1; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">'#calendar1 tr td'</span>).eq(i).addClass(<span style="color:#ffd500">'bgColor'</span>)</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span>{</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#4be6fa">parseInt</span>(firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek2; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#4be6fa">parseInt</span>(lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek2; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">'#calendar2 tr td'</span>).eq(i).addClass(<span style="color:#ffd500">'bgColor'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span>{ <span style="color:#999999">// 시작월의 종료달이 다른달이면..</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#4be6fa">parseInt</span>(firstDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek1; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>ymdLastDate1<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek1; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">'#calendar1 tr td'</span>).eq(i).addClass(<span style="color:#ffd500">'bgColor'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek2<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#4be6fa">parseInt</span>(lastDate.<span style="color:#4be6fa">substring</span>(<span style="color:#c10aff">6</span>))<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">7</span><span style="color:#ff3399">+</span>startWeek2; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">'#calendar2 tr td'</span>).eq(i).addClass(<span style="color:#ffd500">'bgColor'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> }); </div><div style="padding:0 6px; white-space:pre; line-height:130%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 달력그리기 함수</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> calendarDraw(year, month, calendar) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">console</span>.log(year, month, calendar);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 해당월 1일의 요일 구하기(0:일, 1:월, 2:화~~ 6:토) : 값이 숫자로 넘어온다.(해당숫자만큼 공백(td)을 넣어야한다.)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> startWeek <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">new</span> <span style="color:#4be6fa">Date</span>(year,month<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#c10aff">1</span>,<span style="color:#c10aff">1</span>).getDay();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> week <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> startWeek; <span style="color:#999999">// week변수는 일주일(7) 1개행을 체크하기위한 변수</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 해당월의 마지막일자 구하기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> ymdLastDate <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">new</span> <span style="color:#4be6fa">Date</span>(year,month,<span style="color:#c10aff">0</span>).getDate();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//console.log(ymdLastDate);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 동적테이블 그리기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> calendarTable <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>table <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"table table-bordered text-center mt-2"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td colspan<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"7"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"bg-dark text-white thisCalendar"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>${year}<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span>${(<span style="color:#ffd500">'0'</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>month).slice(<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#c10aff">2</span>)}<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text-danger"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>일<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>월<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>화<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>수<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>목<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>금<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text-primary"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>토<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// calendarTable += `<td colspan="${startWeek}"></td>`;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">0</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>startWeek; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) calendarTable <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'<td></td>'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">1</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>ymdLastDate; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(week <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">0</span>) calendarTable <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text-danger"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>${i}<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`; <span style="color:#999999">// 일요일</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(week <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">6</span>) calendarTable <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text-primary"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>${i}<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>tr<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`; <span style="color:#999999">// 토요일</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> calendarTable <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>${i}<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>td<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> week<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(week <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">7</span>) week <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(week <span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">7</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>week; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#c10aff">7</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) calendarTable <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'<td></td>'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> calendarTable <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'</tr></table>'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(calendar <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'1'</span>) $(<span style="color:#ffd500">'#calendar1'</span>).html(calendarTable);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> $(<span style="color:#ffd500">'#calendar2'</span>).html(calendarTable);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> calendarCheck() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"yearSelect"</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> month <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">document</span>.<span style="color:#4be6fa">getElementById</span>(<span style="color:#ffd500">"monthSelect"</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// calendarDraw(year, month);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">location</span>.href <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> `calendar.html?yy<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>${year}<span style="color:#aaffaa"></span><span style="color:#ff3399">&</span>mm<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>${month}`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>head<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>body<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"container mt-5"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>h2<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>첫번째날짜와 마지막 날짜를 클릭하여 날짜범위를 선택하세요.<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h2<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>📢 오늘 날짜 이전은 선택하실 수 없습니다 <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>p id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"todayNalja"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"mb-3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>select id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"yearSelect"</span> xxxxonchange<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"calendarCheck()"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>년</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>select id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"monthSelect"</span> xxxxonchange<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"calendarCheck()"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>월</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>input type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"다시선택"</span> <span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"location.reload();"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn btn-dark btn-sm"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"row"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"calendar1"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"col"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"calendar2"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"col"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"demo1"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>📅예약하실 시작일자를 선택하세요.<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"demo2"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>body<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>html<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div></div></div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
김은하
2024-04-26 달력 두개 선택
김은하
추천 0
조회 27
24.04.26 02:58
댓글 1
다음검색
첫댓글 와우~ 잠도 안주무시고, 완성하셨군요..
간단 명료하게 아주 멋집니다. 수고 많으셨어요