インライン日付ピッカーブートストラップ

Question

私はアドオンVOORブートストラップ日付ピッカーで作業することができるためを使用しています：https://bootstrap-datepicker.readthedocs.io/en/latest

入力フィールドに添付する場合それは問題なく動作します。

私は今、インラインとして、それが見えるようにしようとしています、私は、このツールを使用してコードを把握しようとしたahev：https://uxsolutions.github.io/bootstrap-datepicker/?markup=embedded&format=dd-mm-yyy&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&maxViewMode=4&todayBtn=false&clearBtn=false&language=nl&orientation=auto&multidate=&multidateSeparator=&calendarWeeks=on&todayHighlight=on&keyboardNavigation=on&forceParse=on#sandbox

何も表示されなかっウィル何らかの理由で。助言がありますか？

<div id="calendar"></div> 

<!-- Datepicker --> 
    <script src="includes/js/bootstrap-datepicker.js"></script> 
    <script src="includes/js/bootstrap-datepicker.nl.min.js"></script> 
    <script type="text/javascript"> 
    $('#sandbox-container calendar').datepicker({ 
    language: "nl", 
    calendarWeeks: true, 
    todayHighlight: true 
    }); 
    </script> 

Answer 1

チャンスはあなたがおそらくあなたのマークアップではありませんデモサイトで使用#sandbox-containerを参照しています。プレースホルダ（例えば#calendar）<div>のIDを指すようにjQueryのセレクタを更新する - 下記を参照：

$('#calendar').datepicker({ 
 
    language: "nl", 
 
    calendarWeeks: true, 
 
    todayHighlight: true 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.nl.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.standalone.min.css" rel="stylesheet"/> 
 

 
<div id="calendar"></div>