複数選択の日付ピッカーを機能させるために1週間を費やしました。私が試したすべてのコンポーネントの中で multiDatesPicker は法案に適合しますが、動作させることができません。この例で使用している 2 つの含まれている jquery .js ファイルの同じバージョンもダウンロードしました。月末までにこれを終わらせなければならないので、誰か助けてください。
以下はダウンロードしたサンプルコードです
<html>
<head>
<!-- includes jquery, jquery ui and multidatespicker scripts -->
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.4.custom.min.js"></script>
<script type="text/javascript" src="jquery.ui.multidatespicker.js"></script>
<script>
$(function() {
// initiate the multiDatesPicker.
// Note that you can still use jQuery UI datepicker options (and events and methods too :)
$('#calendar').multiDatesPicker({
minDate: +1, // jQuery UI datepicker option
addDates: ['26/09/2010', '01/12/2010'] // multidatepicker option
});
// shows selected dates in an alert message
$('#show_dates').click(function(e) {
e.preventDefault();
var dates = $('#calendar').multiDatesPicker('getDates');
var dates_in_string = '';
for(d in dates) dates_in_string+= dates[d]+' ';
alert(dates_in_string);
});
});
</script>
</head>
<body>
<div id="calendar"></div>
<button id="show_dates">Show selected dates!</button>
</body>
</html>
3 つの .js ファイルすべてが正常にロードされることを確認しました。