2016-09-29 4 views
0

jqueryマルチ日付ピッカーを使用しようとしています。私はMultiDatesPickerプラグインを使用しています。Jquery datepicker multiselection

各日付の2つの異なるスパンタグに2文字を挿入する必要があります。たとえば、カレンダーの各日付の下にA & Bテキストがあるはずです。

jsfiddleのプラグインコードを取得しようとしましたが、何らかの理由でフィーリングにカレンダーが表示されません。

$('#custom-date-format').multiDatesPicker({ 
    dateFormat: "y-m-d" 
}); 

ご協力いただければ幸いです。

ありがとうございます!

+0

あなたは '.demo .code'を探しているが、あなたは'を持つ任意の要素を持っていません'.demo'要素の中に' code'クラスがあります。 – Dekel

+0

tatがなくても動作していませんhttps://jsfiddle.net/z86r6vw7/3/ – user6725932

答えて

0

ここには多くのJavaScriptエラーがあります。ここで

は、作業であるあなたが始めることができスニペット:あなたのjsfiddleで

$(function() { 
 
    $('#custom-date-format').multiDatesPicker({ 
 
    dateFormat: "y-m-d" 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" /> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<script src="https://cdn.rawgit.com/dubrox/Multiple-Dates-Picker-for-jQuery-UI/master/jquery-ui.multidatespicker.js"></script> 
 

 
<div id="page"> 
 
    <div id="demos"> 
 
    <ul id="demos-list"> \t \t \t \t \t 
 
     <li class="demo"> 
 
     <div id="custom-date-format" class="box"></div> 
 
     </li> 
 
    </ul> 
 
    </div> 
 
</div>

+0

ありがとうございます。私は各日付にカスタムレターを追加しようとしました。追加した後、日付をクリックしても日付は選択されません。どんな洞察? https://jsfiddle.net/543w1pg3/1/ – user6725932