JSFiddle - React, Tailwind, and code Playground

by jihoon kim

HTML

<div class="search1">
     
<select id="fromYear" name="fromYear" style="background-color:red">
           <option value="2015">2015</option>
           <option value="2016">2016</option>
           <option value="2017" selected="selected">2017</option>
</select>
년
<select id="fromMonth" name="fromMonth" style="background-color:blue;color:white">
           <option value="01">1</option>
           <option value="02">2</option>
           <option value="03">3</option>
           <option value="04">4</option>
           <option value="05">5</option>
           <option value="06">6</option>
           <option value="07">7</option>
           <option value="08" selected="selected">8</option>
           <option value="09">9</option>
           <option value="10">10</option>
           <option value="11">11</option>
           <option value="12">12</option>
</select>
월
~

<select id="toYear" name="toYear">
           <option value="2015">2015</option>
           <option value="2016">2016</option>
           <option value="2017" selected="selected">2017</option>
</select>
년
<select id="toMonth" name="toMonth">
           <option value="01">1</option>
           <option value="02">2</option>
           <option value="03">3</option>
           <option value="04">4</option>
           <option value="05">5</option>
           <option value="06">6</option>
           <option value="07">7</option>
           <option value="08" selected="selected">8</option>
           <option value="09">9</option>
           <option value="10">10</option>
           <option value="11">11</option>
           <option value="12">12</option>
</select>
월
                            </div>

JavaScript

var d = new Date($("#fromYear").val(), $("#fromMonth").val()-1,1);

   var c = new Date(d-1);
alert( d );
        $("#fromYear").val(c.getFullYear());

        $("#fromMonth").val(( "0" + (c.getMonth() + 1)).slice(-2));