jquery - 完全なカレンダーと日付ピッカーを作成しようとしていますが、取得しているのは日付ピッカーのない完全なカレンダーです

Question

完全なカレンダーと日付ピッカーを作成しようとしていますが、画面の左側に日付ピッカーのない完全なカレンダーが表示されます。

$(function() {
    $("#edit").click(function() {
        window.location = "${createLink(controller:'calendar',action:'edit', id:calendarInstance.id)}"; });
    });

    $(document).ready(function() {
        $("#calender").fullCalendar({
            // your options here
        });
    });

    $(document).ready(function() {
        $('#datepicker').datepicker({
            inline: true,
            onSelect: function(dateText, inst) {
                var d = new Date(dateText);
                $('#calender').fullCalendar('gotoDate', d);
            }
        }
    }); 
}

<br/ 

<div id="calender"></div>
<div id="datepicker"></div>

それを行う正しい方法はありますか？私はこの問題について新しいです。