disabilita le date precedenti su datepicker

Question

Come disabilitare le date passate dalla data corrente su un datetepeper? Ho provato alcuni posti per domanda simile, ma non riuscivo a raggiungerlo, qui di seguito è quello che ho cercato

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
<link rel="stylesheet" type="text/css" media="screen" 
href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css"> 
<script type="text/javascript" 
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"> 
</script> 
<script type="text/javascript" 
src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"> 
</script> 
<script type="text/javascript" 
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"> 
</script> 
<script type="text/javascript" 
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js"> 
</script> 
<script type="text/javascript"> 
$(function() { 
    $('#datetimepicker2').datetimepicker({ 
    language: 'en', 
    pick12HourFormat: true 
    }); 
}); 
</script> 

<div id="datetimepicker2" class="input-append"> 
<input data-format="MM/dd/yyyy" type="text"/> 
<span class="add-on"> 
    <i data-date-icon="icon-calendar"> 
    </i> 
</span> 

Ho anche provato

$("datetimepicker2").datepicker({ changeYear: true, dateFormat: 'dd/mm/yy', showOn: 'none', showButtonPanel: true, minDate:'0d' }); 

e

$("#datetimepicker2").datepicker({ minDate: 0 }); 

Answer 1

minDate: dateToday Or minDate: '0' è la chiave qui. Prova a impostare la proprietà minDate.

$(function() { 
    $("#datepicker").datepicker({ 
     numberOfMonths: 2, 
     showButtonPanel: true, 
     minDate: dateToday // minDate: '0' would work too 
    }); 
}); 

Read more

Answer 2

Dare zero a mindate e si metterà a disabale date passate.

$("#datepicker").datepicker({ minDate: 0}); 

qui è un esempio Live fiddle lavoro http://jsfiddle.net/mayooresan/ZL2Bc/

The official documentation is available here

Answer 3

Problemi fissato :)

sotto è il codice di lavoro

$(function(){ 
    $('#datepicker').datepicker({ 
     startDate: '-0m' 
     //endDate: '+2d' 
    }).on('changeDate', function(ev){ 
     $('#sDate1').text($('#datepicker').data('date')); 
     $('#datepicker').datepicker('hide'); 
    }); 

}) 

Answer 4

$(function() { 
    $("#date").datepicker({ minDate: 0 }); 
}); 

Answer 5

Ciò funzionerà:

var dateToday = new Date();  
     $(function() { 
      $("#date").datepicker({ 
       minDate: dateToday 
      }); 
     }); 

Answer 6

provare questo,

$("#datepicker").datepicker({ minDate: new Date()}); 

Qui, new Date() implica la data di oggi ....

Answer 7

Prova questo,

$("#datetimepicker2").datepicker({ startDate: "+0d" }); 

Answer 8

Try this' 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 

    <!-- table --> 
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
    <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> 
    <!-- end table --> 

    <script> 
     $(function() { 
     $('#example').DataTable(); 
     $("#from_date").datepicker({ 
      dateFormat: "mm/d/yy", 
      maxDate: 0, 

      onSelect: function() { 



       var minDate = $(this).datepicker('getDate'); 

       $('#to_date').datepicker('setDate', minDate); 
       $('#to_date').datepicker('option', 'maxDate', 0); 
       $('#to_date').datepicker('option', 'minDate', minDate); 
      } 
     }); 
     $('#to_date').datepicker({ 
      dateFormat: "mm/d/yy" 
     }); 

     }); 
     </script><link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 

    <!-- table --> 
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
    <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> 
    <!-- end table --> 

    <script> 
     $(function() { 
     $('#example').DataTable(); 
     $("#from_date").datepicker({ 
      dateFormat: "mm/d/yy", 
      maxDate: 0, 

      onSelect: function() { 



       var minDate = $(this).datepicker('getDate'); 

       $('#to_date').datepicker('setDate', minDate); 
       $('#to_date').datepicker('option', 'maxDate', 0); 
       $('#to_date').datepicker('option', 'minDate', minDate); 
      } 
     }); 
     $('#to_date').datepicker({ 
      dateFormat: "mm/d/yy" 
     }); 

     }); 
     </script><link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 

    <!-- table --> 
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
    <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> 
    <!-- end table --> 

    <script> 
     $(function() { 
     $('#example').DataTable(); 
     $("#from_date").datepicker({ 
      dateFormat: "mm/d/yy", 
      maxDate: 0, 

      onSelect: function() { 



       var minDate = $(this).datepicker('getDate'); 

       $('#to_date').datepicker('setDate', minDate); 
       $('#to_date').datepicker('option', 'maxDate', 0); 
       $('#to_date').datepicker('option', 'minDate', minDate); 
      } 
     }); 
     $('#to_date').datepicker({ 
      dateFormat: "mm/d/yy" 
     }); 

     }); 
     </script><link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 

    <!-- table --> 
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
    <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> 
    <!-- end table --> 

    <script> 
     $(function() { 
     $('#example').DataTable(); 
     $("#from_date").datepicker({ 
      dateFormat: "mm/d/yy", 
      maxDate: 0, 

      onSelect: function() { 



       var minDate = $(this).datepicker('getDate'); 

       $('#to_date').datepicker('setDate', minDate); 
       $('#to_date').datepicker('option', 'maxDate', 0); 
       $('#to_date').datepicker('option', 'minDate', minDate); 
      } 
     }); 
     $('#to_date').datepicker({ 
      dateFormat: "mm/d/yy" 
     }); 

     }); 
     </script><link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 

    <!-- table --> 
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
    <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> 
    <!-- end table --> 

    <script> 
     $(function() { 
     $('#example').DataTable(); 
     $("#from_date").datepicker({ 
      dateFormat: "mm/d/yy", 
      maxDate: 0, 

      onSelect: function() { 



       var minDate = $(this).datepicker('getDate'); 

       $('#to_date').datepicker('setDate', minDate); 
       $('#to_date').datepicker('option', 'maxDate', 0); 
       $('#to_date').datepicker('option', 'minDate', minDate); 
      } 
     }); 
     $('#to_date').datepicker({ 
      dateFormat: "mm/d/yy" 
     }); 

     }); 
     </script> 

Answer 9

var dateToday = new Date(); 

$('#datepicker').datepicker({          
    'startDate': dateToday 
}); 

Answer 10

To disable past dates, aggiungere questo dato js:

var $input = $('.datepicker').pickadate(); 
var picker = $input.pickadate('picker'); 
picker.set('min',true);`][1] 

Answer 11

$("#datetimepicker2").datepicker({ 
    dateFormat: "mm/dd/yy", 
    minDate: new Date() 
}); 

Answer 12

devi solo introdurre parametri startDate come indicato di seguito.

var todaydate = new Date(); 
    $(".leave-day").datepicker({ 
     autoclose: true, 
     todayBtn: "linked", 
     todayHighlight: true, 
     startDate: todaydate  
     } 
    ).on('changeDate', function (e) { 
     var dateCalendar = e.format(); 
     dateCalendar = moment(dateCalendar, 'MM/DD/YYYY').format('YYYY-MM-DD'); 
     $("#date-leave").val(dateCalendar); 
    }); 

Answer 13

questo funziona per me,

$('#datetimepicker2').datetimepicker({ 
    startDate: new Date() 
    }); 

Answer 14

È possibile utilizzare

$('#li_from_date').appendDtpicker({ 
    "dateOnly": true, 
    "autodateOnStart": false, 
    "dateFormat": "DD/MM/YYYY", 
    "closeOnSelected": true, 
    "futureonly": true 
});