jquery - 日付出力が奇妙に見えるのはなぜですか?

Question

jquery datepicker を使用して、条件が適用された日付を取得しています。

これは私のヘッドファイルにあります：

<script>
$(function() {
    $( "#delivery_date" ).datepicker({ 
        dateFormat: "dd-mm-yy",
        minDate : new Date(),
        onSelect: function(str) {

            var lastDate = new Date(),
            nums = str.split("-"),
            userDate = new Date(nums[2], nums[1]-1, nums[0]),
            period = 21;

            lastDate.setDate(lastDate.getDate()+period);

            if (userDate<lastDate) {
                $("#delivery_warning").addClass("show");
            }
            else { $("#delivery_warning").removeClass("show"); }
        }
    });
});
</script>

そして、ページにピッカーを表示するためにこれがあります：

<input type="text" id="delivery_date" name="delivery_date" required />
<div id="delivery_warning">This date is within 3 weeks from today</div>

ただし、日付を選択すると、正しい形式 (12-04-1987 など) で表示されますが、選択した日付ごとに「0000-00-00」のようにデータベースに入ります。

SQL テーブル フィールドは日付に設定されます (このままにしておく必要があります)。

私は何を間違っていますか？