달력 셀렉트(콤보박스)
function ychange(){
mchange();
}
function mchange(){
var jm=$(‘#jmonth’).val();
var jy=$(‘#jyear’).val();
if(jm==1 || jm==3 || jm==5 || jm==7 || jm==8 || jm==10 || jm==12){
$(“#jday”).html(“<option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option>”);
}
else if(jm==2){
if((jy % 400)==0 || ((jy % 4)==0)&&((jy % 100)!=0)){
//윤년
$(“#jday”).html(“<option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option>”);
}
else{
$(“#jday”).html(“<option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option>”);
}
}
else{
$(“#jday”).html(“<option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option>”);
}
inputmbirth();
}
function dchange(){
inputmbirth();
}
function inputmbirth(){
var jy=$(‘#jyear’).val();
var jm=$(‘#jmonth’).val();
var jd=$(‘#jday’).val();
if(jm.length==1){
jm=”0″+jm;
}
if(jd.length==1){
jd=”0″+jd;
}
$(“#mbirth”).val(jy+”/”+jm+”/”+jd);
}
—————————————————————————
<table><tr>
<td style=”width: 40%;”>
<select id=”jyear” onchange=”ychange()”>
<c:forEach var=”i” begin=”1900″ end=”2014″>
<option>${i}</option>
</c:forEach>
<option selected>2015</option>
</select>
</td>
<td style=”width: 30%;”>
<select id=”jmonth” onchange=”mchange()”>
<c:forEach var=”i” begin=”1″ end=”12″>
<option>${i}</option>
</c:forEach>
</select>
</td>
<td style=”width: 30%;”>
<select id=”jday” onchange=”dchange()”>
<c:forEach var=”i” begin=”1″ end=”31″>
<option>${i}</option>
</c:forEach>
</select>
</td>
</tr></table>
<input type=”text” name=”mbirth” id=”mbirth”>