Legen Sie den Wert mehrerer Datumsauswahlelemente basierend auf dem ausgewählten Datum eines Datumsauswahlelements fest
Ich habe folgenden Beispielcode für jQuery UI Datepicker
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function () {
$("#datepicker1").datepicker();
$("#datepicker1").change(function () {
alert($(this).val());
var date = $(this).datepicker();
$("#datepicker2").val("option", "dd-mm-yy", $(this).val());
//alert($( "#datepicker2" ).val());
});
});
</script>
</head>
<body>
<p>Date1: <input type="text" id="datepicker1"></p>
<p>Date2: <input type="text" id="datepicker2"></p>
<p>Date3: <input type="text" id="datepicker3"></p>
<p>Date4: <input type="text" id="datepicker4"></p>
</body>
</html>
Ich möchte den Wert der Datumsauswahl 2,3 und 4 basierend auf dem in Datumsauswahl1 ausgewählten Wert festlegen.
Angenommen, wenn # datepicker1 den Wert 12/05/2013 hat, dann möchte ich +1 Datum für jeden anderen jQuery-Datepicker wie unten anzeigen
datepicker1 => 12/05/2013 then
datepicker2 => 12/06/2013
datepicker3 => 12/07/2013
datepicker4 => 12/08/2013
Ich habe es oben versucht.
Können Sie bitte helfen?