Resctrict Datum in Datepicker

-2

Ich habe einige Datepicker, die Check-in und Check-out-Datum verwenden. Ich möchte das Check-in-Datum nur bis zum 31. Dezember jedes Jahres einschränken und kann den 1. Januar nicht im nächsten Jahr anzeigen. Und im Auscheckdatum wird nur 1 Januar im nächsten Jahr angezeigt. Beispiel, ich kann am 31. Dezember 2016 einchecken, aber ich kann nur am 1. Januar 2017 auschecken, kann nicht am 2. Januar 2017.Resctrict Datum in Datepicker

Ich habe Code wie dieser versucht, aber nicht funktioniert.

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 

    <link href="bootstrap.css" rel="stylesheet"> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="bootstrap.js"></script> 
</head> 
<body> 

<p>Check In : <input type="text" id="datepicker-13"></p><br> 
<p>Check Out : <input type="text" id="datepicker-14"> 

</body> 

<script> 
    $(document).ready(function() { 
     var today = new Date(); 
     var lastDate = new Date(today.getFullYear(), 11, 31); 
     $('#datepicker-13').datepicker({ 
      maxDate: lastDate 
     }); 
    }); 

    $(document).ready(function() { 
     var today = new Date(); 
     var lastDate = new Date(today.getFullYear(), 11, 32); 
     $('#datepicker-14').datepicker({ 
      maxDate: lastDate 
     }); 
    }); 
</script> 
</html>

Vielen Dank.

Quelle

2016-11-21 Nicholas

Haben Sie die Dokumentation gelesen, speziell der Teil über 'minDate' und' maxDate' Einstellungen – adeneo

Ja, ich habe das gelesen, aber ich verstehe es nicht. @adeneo – Nicholas

Verwenden Sie jQuery datepicker? – Ronald

Sie können maxDate der Datepicker-Benutzeroberfläche verwenden.

Für die Check-in:

$(document).ready(function() { 
    var today = new Date(); 
    var lastDate = new Date(today.getFullYear(), 11, 31); 
    $('#check-in').datepicker({ 
     maxDate: lastDate 
    }); 
});

Dies wird bis zum 31. Dezember des laufenden Jahres begrenzen.

Für die Check-out:

$(document).ready(function() { 
    var today = new Date(); 
    var lastDate = new Date(today.getFullYear(), 11, 32); 
    $('#check-out').datepicker({ 
     maxDate: lastDate 
    }); 
});

Dies wird bis zum 1. Januar des nächsten Jahres begrenzen.

Quelle

2016-11-21 02:08:38 Ronald

Resctrict Datum in Datepicker

Antwort

Verwandte Themen