---
title: "powermail 2.x -- Datepicker ohne Vergangenheit"
url: "https://www.typo3.net/d/112860-powermail-2x-datepicker-ohne-vergangenheit"
source: "typo3.net"
tags: ["Extensions","Frage","JavaScript & AJAX","Powermail"]
created: "2012-11-20"
last_reply: "2023-04-25"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# powermail 2.x -- Datepicker ohne Vergangenheit

Extensions · 4 Antworten · gestartet 2012-11-20

## Eröffnungsbeitrag

**wwt** · 2012-11-20 · [Beitrag #1](https://www.typo3.net/d/112860-powermail-2x-datepicker-ohne-vergangenheit/1)

Hallo!

Verwende powermail 2.0.4, Typo3 4.7.5.

Ich kann im Formular das Feld mit aktuellem Datum belegen, oder auch mit künftigen mit:

```typoscript
plugin.tx_powermail { 
  settings {
    setup {
      prefill {
        anreise = TEXT
        #aktuelles Datum plus 1 Tag (=*86400 Sekunden)
        anreise.data = date:U + (1*86400)
        anreise.prioriCalc = 1
        anreise.strftime = %d.%m.%Y
      }
    }
  }
}
```

**1.) Wie stell ich es an, dass ein Minimumwert - also kein Datum in der Vergangenheit - eingehalten wird?

2.) Wie übergebe ich an ein zweites Feld einen Wert aus dem ersten + 3 Tage?**

Beispiel:
Anreisedatum = prefill oder per manuelle Eingabe
Abreisedatum = gesetztes Anreisedatum + 3 Tage

Das funktioniert leider nicht:

```typoscript
plugin.tx_powermail { 
  settings {
    setup {
      prefill {
        anreise = TEXT
        #aktuelles Datum plus 1 Tag (=*86400 Sekunden)
        anreise.data = date:U + (1*86400)
        anreise.prioriCalc = 1
        anreise.strftime = %d.%m.%Y
       
        abreise = TEXT
        #anreisedatum plus 3 Tag (=*86400 Sekunden)
        abreise.data = GP:anreise + (3*86400)
        abreise.prioriCalc = 1
        abreise.strftime = %d.%m.%Y
      }
    }
  }
}
```

Hat jemand einen Ansastz zu Punkt 1 und/oder 2?

Vielen Dank,
Josef.

## Antworten

### [#2](https://www.typo3.net/d/112860-powermail-2x-datepicker-ohne-vergangenheit/2) · einpraegsam.​net · 2012-11-21

Hi,

genaue Einstellungen muss man über JavaScript mitgeben
<http://jqueryui.com/datepicker/>

Grüße

### [#3](https://www.typo3.net/d/112860-powermail-2x-datepicker-ohne-vergangenheit/3) · wwt · 2012-11-22

Danke Alex für den Input!
------------------------------------------------------------------------------------------------

**Punkt 1.) = schnell gelöst!**

In Powermail Datei wählen in: ../Recources/Public/Js/jquery.ui.datepicker.min.js
nach "minDate" suchen.

Der Wert ist: **minDate:NULL**
Diesen ändern auf: **minDate:new Date()**

Damit ist ein Datum in der Vergangenheit nicht mehr anwählbar.
------------------------------------------------------------------------------------------------
**Punkt 2.) = noch ungelöst!**

Dafür gibt es eine super Vorgabe des ui.datepicker. Nennt sich "select a date range"
Man bindet folgendes Script in die Seite ein (kann natürlich angepasst werden):

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

Dann die Labels und inputs zuweisen:
<label for="from">From</label> <input type="text" id="from" name="from" />
<label for="to">To</label> <input type="text" id="to" name="to" />

funktioniert prima.

ABER:
Wenn ich
<input type="text" id="from" name="from" /> und
<input type="text" id="to" name="to" />
in ein HTML Feld eintrage, erscheint es im Formuar richtig, aber beim Versand ist es nicht mehr da, weil das HTML Element nicht übergeben wird.

Wie kann ich also die beiden labels mit der input id "from" und "to in Typoscript dem Label zuweisen?

Das geht schon mal nicht:

```typoscript
plugin.tx_powermail { 
  settings {
    setup {
      prefill {
        from = TEXT
        from.id = from
    }
  }
}
```

Bitte um Hilfe wie ich die JavaScript Ausgabe dem Marker zuweisen kann!

------------------------------------------------------------------------------------------------

Danke, Josef.

### [#4](https://www.typo3.net/d/112860-powermail-2x-datepicker-ohne-vergangenheit/4) · wwt · 2012-11-22

**Punkt 2.) = gelöst!**

Zuerst das Feld mit einem normalen Textfeld(input) belegen.
Dann das nachstehend gepostete Javascript in die Seite einbinden.

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

Danach einfach die id: "#from" und die id: "#to" auf den manuell eingegeben Variablennamen ändern.
Mein Variablenname lautet: {anreise1} und {abreise1}.

Diese Name werden im Quelltext mit der id: "powermail_field_anreise1" und "powermail_field_abreise1" ausgegeben.

Daher ändern wir im Javascript die id: "#from" zu "#powermail_field_anreise1" und die id: "#to" zu "#powermail_field_abreise1".

Danach wird das Datum genau an den textfeldern ausgegeben. Klappt wunderbar und ist genau was ich gesucht habe.

Das war's. Hoffe ich konnte helfen.

Gruß, Josef.

### [#5](https://www.typo3.net/d/112860-powermail-2x-datepicker-ohne-vergangenheit/5) · alexinge · 2023-04-25

Hallo!
Ich verwende Typo3 11 und Powermail 10.6.0. Ich habe schon viel recherchiert und ausprobiert, aber ich schaffe es nicht den Datepicker anzupassen:

```plaintext
#powermail_field_za-anreise
```

```typoscript
page.headerData.5000=TEXT
```

```typoscript
page.headerData.5000.value (
```

```html
<script>
```

```plaintext
	$(function() {
```

```plaintext
		$( "#powermail_field_za-anreise" ).datepicker({
```

```plaintext
			defaultDate: "+1w",
```

```plaintext
			changeMonth: true,
```

```plaintext
			numberOfMonths: 3,
```

```plaintext
		});
```

```plaintext
	});
```

```html
</script>
```

```plaintext
)
```

```plaintext
/*
```

```typoscript
page.headerData.5000=TEXT
```

```typoscript
page.headerData.5000.value (
```

```html
	<script>
```

```plaintext
		$(document).ready(function () {
```

```plaintext
		  $(function() {
```

```plaintext
                      $("#powermail_field_za-anreise").datepicker();
```

```plaintext
		      //$("#powermail_field_za-anreise").datepicker({ minDate: -20});
```

```plaintext
                      //$("#powermail_field_za-anreise").datepicker().datepicker("setDate", new Date());
```

```plaintext
                      $( "#powermail_field_za-anreise" ).datepicker({
```

```plaintext
                        defaultDate: "+1w",
```

```plaintext
                        changeMonth: false,
```

```plaintext
                        numberOfMonths: 1
```

```plaintext
	 	     });
```

```plaintext
 	           });
```

```plaintext
		});
```

```html
	</script>
```

```plaintext
)
```

*/

Über einen Tipp würde ich mich sehr freuen.

---

Quelle: „powermail 2.x -- Datepicker ohne Vergangenheit“, typo3.net, https://www.typo3.net/d/112860-powermail-2x-datepicker-ohne-vergangenheit
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.