vorherige Daten in einem jquery Datepicker deaktivieren

Ich versuche, einen Jquery Datepicker zu implementieren. Ich habe zwei Eingabefelder datepicker1 und datepicker2. Ich versuche, die Daten im zweiten Eingabefeld basierend auf der Benutzerdatumsauswahl im ersten Eingabefeld zu deaktivieren. Das bedeutet, dass die Daten hinter dem vom Benutzer gewählten Datum im ersten Eingabefeld deaktiviert sein sollten. Das Gleiche gilt für jeden Zeitpunkt ändern Ich habe folgendes versucht, aber es funktioniert nicht:vorherige Daten in einem jquery Datepicker deaktivieren

<script> 
    $(function(){ 

    $.datepicker.setDefaults(
    $.extend($.datepicker.regional[''])); 

    //$('#datepicker').datepicker(); 


    var datepicker1=$('#datepicker1').datepicker({minDate: 'now'}); 
    //var datepicker2=$('#datepicker2').datepicker({minDate: 'now' + 1}); 
    var datepicker2=$('#datepicker2').datepicker 
    (
    {minDate:($(".datepicker1").datepicker("getDate"))+1} 
); 
    //$('#datepicker').datepicker('option', $.datepicker.regional['fr']); 



    }); 
</script>

die HTML-Datei ist: testjs.html

<!DOCTYPE html> 
<html> 
<head> 

<!-- add scripts --> 
<script src="js/jquery-1.12.3.js"></script> 
<script src="js/jquery-ui.min.js"></script> 
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css" /> 

<script> 
$(function(){ 

    $.datepicker.setDefaults(
    $.extend($.datepicker.regional[''])); 

    //$('#datepicker').datepicker(); 


    var datepicker1=$('#datepicker1').datepicker({minDate: 'now'}); 
    //var datepicker2=$('#datepicker2').datepicker({minDate: 'now' + 1}); 
    var datepicker2=$('#datepicker2').datepicker 
    (
    {minDate:($(".datepicker1").datepicker("getDate"))+1} 
); 
    //$('#datepicker').datepicker('option', $.datepicker.regional['fr']); 



    }); 
</script> 
</head> 
<body> 

<h1>My First Web Page</h1> 
<p>My first paragraph.</p> 



<input id="datepicker1" type="text" /> 
<input id="datepicker2" type="text" /> 
</body> 
</html>

Quelle

2016-04-15 IPPOKRATIS KARAKOTSOGLOU

Sie diesen Code versuchen

<script> 
    $(function() { 

     $("#datepicker1").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      onClose: function (selectedDate) { 
       $("#datepicker2").datepicker("option", "minDate", selectedDate); 
      } 
     }); 
     $("#datepicker2").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      onClose: function (selectedDate) { 
       $("#datepicker1").datepicker("option", "maxDate", selectedDate); 
      } 
     }); 
    }); 
</script>

Für weitere Informationen besuchen Sie diesen Link: https://jqueryui.com/datepicker/#date-range

Quelle

2016-04-15 13:13:07

Geben Sie null zu mi ndate und es wird vergangene Daten deaktivieren.

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

hier ist eine Live-Geige Arbeitsbeispiel http://jsfiddle.net/mayooresan/ZL2Bc/

Quelle

2016-04-15 13:17:07

vorherige Daten in einem jquery Datepicker deaktivieren

Antwort

Verwandte Themen