jquery datepickerで日付を選択すると、選択した日付で

Question

フォームテキストフィールドで日と月を取得する必要があります。他のフィールドには1月、2月のような日の名前を表示する必要があります。事前に

おかげで、ここ

はここに私のhtmlコード

<input type="text" id="datepicker" class="form-control"></p> 

<input type="text" id="day" class="form-control"></p> 
<input type="text" id="month" class="form-control"></p> 

が私のjs

<script> 
    $("#datepicker").datepicker({dateFormat: 'dd-mm-yy'}); 
    $('#btn').click(function(){ 
     var _myDate = new Date($('#datepicker').datepicker("option" , 
"dateFormat", "mm-dd-yy").val()); 
     var monthNames = ["January", "February", "March", "April", "May", 
"June","July", "August", "September", "October", "November", "December"]; 

      $('#my_month').val(monthNames[_myDate.getMonth()]); 
      $('#my_day').val(_myDate.getDay()); 
    }); 
    </script> 

Answer 1

$(function() { 
 
var weekday=new Array(7); 
 
weekday[0]="Sunday"; 
 
weekday[1]="Monday"; 
 
weekday[2]="Tuesday"; 
 
weekday[3]="Wednesday"; 
 
weekday[4]="Thursday"; 
 
weekday[5]="Friday"; 
 
weekday[6]="Saturday"; 
 

 
     $("#datepicker").datepicker({ 
 
      dateFormat: 'mm-dd-yy', 
 
      inline: true, 
 
      onSelect: function(dateText, inst) { 
 
       var date = $(this).datepicker('getDate'), 
 
        day = date.getDate(), 
 
        month = date.getMonth() + 1, 
 
        year = date.getFullYear(); 
 
var dayOfWeek = weekday[date.getUTCDay()+1]; 
 
       $("#day").val(dayOfWeek); 
 
       $("#month").val(month); 
 
      } 
 

 
     }); 
 

 
    });

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<link rel="stylesheet" href="/resources/demos/style.css"> 
 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 

 
<input type="text" id="datepicker" class="form-control"> 
 

 
<input type="text" id="day" class="form-control"> 
 
<input type="text" id="month" class="form-control">