Magento 2 how to restrict previous date in datepicker , for frontend detail page custom options

Question

In Magento 2 how to restrict previous dates in datepicker ,in detail page customizable options,

Please help me out on this .

Answer 1

In your script add the following

$customId = <?php echo $product->getCustomId();?>
<script>
    require([
        'jquery',
        'mage/calendar'
     ], function($, calendar) {
      $('#<?php echo $customId;?>').calendar({
            dateFormat: 'dd/M/Y',
            changeMonth: true,
            changeYear: true,
            yearRange: '2000:2050',
            minDate: new Date(),
       });
   });
</script>

Answer 2

If you are using Magento calendar library or jQuery date picker library then use below method

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

    $('#example').datepicker({
                        dateFormat: "yy-mm-dd",
                        timeFormat: "H:m:s",
                        changeMonth: true,
                        changeYear: true,
                        numberOfMonths: 1,
                        showsTime: true,
                        minDate: new Date()
                    });
});

In this, the minDate is the Date before which you want to restrict.