사용자 정의 "fengyuanchen/날짜 선택기"출력

Question

는 내가 같이 할 데이터 (월 이름, 일 이름, 일 날짜) 을 수출하기 위해 노력하고있어/날짜 선택기
을 fengyuanchen 사용하고 있습니다 옵션을 찾았지만 올바르게 채울 수 없습니다.

$(document).ready(function() { 
 
$('[data-toggle="datepicker"]').datepicker(); 
 
});

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
<link href="https://fengyuanchen.github.io/datepicker/css/datepicker.css" rel="stylesheet"/> 
 
<script src="https://fengyuanchen.github.io/datepicker/js/datepicker.js"></script> 
 

 
<div data-toggle="datepicker" class=" docs-date input-date-picker-from"> 
 
    <div class="month" id="putMonthName">January</div> 
 
    <div class="date">5</div> 
 
    <div class="day" id="putDayName">Tuesday</div> 
 
</div>

단순히 내가 날짜 당신은 선택의 콜백을 재정 의하여이를 달성 할 수 있어야 응답 DIV

Answer 1

에 채워 싶다.

$(document).ready(function() { 
 
    $('[data-toggle="datepicker"]').datepicker({ 
 
     autoPick: true, 
 
     pick: function(e){ 
 
      e.preventDefault(); 
 
      var pickedDate = e.date;    
 
      var month = $(this).datepicker('getMonthName'); 
 
      var date = e.date.getDate(); 
 
      var day= $(this).datepicker('getDayName'); 
 
      $(".month").html(month); 
 
      $(".date").html(date); 
 
      $(".day").html(day); 
 
      $(this).datepicker('hide'); 
 
     } 
 
    }); 
 
    
 

 
});

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
<link href="https://fengyuanchen.github.io/datepicker/css/datepicker.css" rel="stylesheet"/> 
 
<script src="https://fengyuanchen.github.io/datepicker/js/datepicker.js"></script> 
 

 
<div data-toggle="datepicker" class=" docs-date input-date-picker-from"> 
 
    <div class="month" id="putMonthName">January</div> 
 
    <div class="date">5</div> 
 
    <div class="day" id="putDayName">Tuesday</div> 
 
</div>