2016-08-08 53 views
0

Ich möchte ich mein Datum in meinem date_end ist deaktiviert, wenn niedriger die meine date_start. so die date_end nur eingegeben mehr als das Datum beginnenDeaktivieren Datum, wenn niedriger als Datum in datepicker

diesen meinen javascript:

<script> 
    $(document).ready(function(){ 
    var date_input=$('input[name="date_end"]'); //our date input has the name "date" 
    var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body"; 
    date_input.datepicker({ 
     format: 'yyyy-mm-dd', 
     container: container, 
     todayHighlight: true, 
     autoclose: true, 
    }) 
    }) 
</script> 
<script> 
    $(document).ready(function(){ 
    var date_input=$('input[name="date_start"]'); //our date input has the name "date" 
    var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body"; 
    date_input.datepicker({ 
     format: 'yyyy-mm-dd', 
     container: container, 
     todayHighlight: true, 
     autoclose: true, 
    }) 
    }) 
</script> 

und diese meine Form:

<input class="form-control tanggal" id="date" name="date_start" placeholder="YYYY-MM-DD" type="text" required /> 
<input class="form-control tanggal" id="date_end" name="date_end" placeholder="YYYY-MM-DD" type="text"/> 

i bereits try so: make

Antwort

0

Versuchen wie folgt aus:

HTML:

<input class="form-control tanggal" id="dt1" name="date_start" placeholder="YYYY-MM-DD" type="text" required /> 
<input class="form-control tanggal" id="dt2" name="date_end" placeholder="YYYY-MM-DD" type="text"/> 

JS:

$(document).ready(function() { 

    $("#dt1").datepicker({ 
     dateFormat: "dd-M-yy", 
     minDate: 0, 
     onSelect: function (date) { 
      var date2 = $('#dt1').datepicker('getDate'); 
      date2.setDate(date2.getDate() + 1); 
      $('#dt2').datepicker('setDate', date2); 
      //sets minDate to dt1 date + 1 
      $('#dt2').datepicker('option', 'minDate', date2); 
     } 
    }); 
    $('#dt2').datepicker({ 
     dateFormat: "dd-M-yy", 
     onClose: function() { 
      var dt1 = $('#dt1').datepicker('getDate'); 
      console.log(dt1); 
      var dt2 = $('#dt2').datepicker('getDate'); 
      if (dt2 <= dt1) { 
       var minDate = $('#dt2').datepicker('option', 'minDate'); 
       $('#dt2').datepicker('setDate', minDate); 
      } 
     } 
    }); 
}); 
+0

Ich benutze es versuchen, aber ich kann immer noch niedriger Datum wählen –

+0

Haben Sie den 'id ändern‘ der beiden Eingabefelder? –

+0

sicher, ich versuche es, aber es funktioniert immer noch nicht für mich, oder musste das andere Javascript enthalten? –