Disable previous days in default Magento2 calendar

Question

I have successfully added calender in my custom form by using below code.

<script>
                require([
                    "jquery",
                    "mage/calendar"
                    ], function($){

                        $("#My_ID").calendar({
                            showsTime: false,   
                            hideIfNoPrevNext: true,
                            buttonText:"<?php echo __('Select Date') ?>",
                //dateFormat: "yy-mm-dd"
            }); 
                    });             
            </script>

But, How can I disable previous days in default magento2 calendar?

Any help will be appreciated.

Thanks.

Answer 1

You can set your minDate or maxDate in order to limit your calendar.

<script>
    require([
        "jquery",
        "mage/calendar"
    ], function ($) {

        $("#My_ID").calendar({
            showsTime: false,
            hideIfNoPrevNext: true,
            buttonText: "<?php echo __('Select Date') ?>",
            minDate: new Date(),
            dateFormat: 'yy-mm-dd'
        });
    });
</script>