カスタム「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>