mindate и maxdate не работают в DatePicker (встроенный метод)

Question

Я работал в обычном DatePicker, но я новичок во встроенном DatePicker, я пытался установить mindate в качестве текущей даты и maxdate как 1 месяц с сегодняшнего дня.

<div id="calendar" class="calendar" style="background:#e6e6e6;"></div>
    <p style="text-align:center; padding:10px 10px; background:#cc0000;">
        <input style="color:#FFFFFF; font-size:18px;" type="button" value="Book Now" onclick="checkClicked();">
    </p>

<script>
    $(document).ready(function(){
        $('#calendar').datepicker({
            minDate: new Date(),
            maxDate: '+2m'
        });
    });
    function checkClicked() 
    {       
        var data_inicial_type = $("#calendar").datepicker('getDate');
        if( data_inicial_type === null ) 
        {
            alert("Please Select Date");
            return false;
        }
        else
        {
        var data_inicial = data_inicial_type.getFullYear() + '-' + (data_inicial_type.getMonth() + 1) + '-' + data_inicial_type.getDate();
        window.location = "slot_registration.php?dateok="+data_inicial;
        }
    }
</script>

Пожалуйста, помогите мне сказать, что правильно выбирает выбранную дату или есть какой-нибудь простой способ? потому что я получаю дату как 28-6-2018