Druckbare Version
Hallo.
ich weiß zwar, dass die Erweiterung calendarfield nicht für 2.11 freigegeben ist (bis 2.10.2), jedoch würde es mich interessieren, ob bei irgendjemanden die Erweiterung unter 2.11 funktioniert.
Falls dies der Fall ist, wäre ich dankbar, wenn die Änderungen hier gepostet werden.
mfg
Probiere es doch in einer Testumgebung aus! ;)
Ich habe keine Ahnung ob es funktioniert, bei mir werden erst neue Projekte mit 2.11 umgesetzt.
Bei solchen Dingen sollte man durchaus mal selber testen, man lernt auch etwas dabei, selbst wenn es nicht funktioniert. ;)
hallo.
ich habe bereits getestet.
Der Kalendar öffnet sich zwar, jedoch wird das Datum nicht in das input-Field geschrieben.
mfg
Vermutlich wird im Javascript das Inputfeld nicht richtig angesprochen!
Du kannst ja mal da nachsehen, könnte sein, dass sich bei der Deklarierung des Inputfeldes etwas geändert hat.
Wenn der Kalender angezeigt wird funktioniert ja zumindest das schon mal.
Ich kann leider nicht nachsehen, da ich 2.11 noch gar nicht installiert habe. ^^
Geht ja schon in Richtung meiner Vermutung. ;)
Danke hat geklappt.
mfg
Selbe Problem :) Könnnte mir wer verraten wo ich die Javascript finde in der ich die Modzifikation durchführen muss.
Unter Plugins/datepicker habe ich die js schon geändert, aber das war wohl die falsche Datei.
Aufmerksamkeit :D
Möchte nicht einen extra Thread eröffnen.
hi,
ich habe es folgendermaßen gelöst:
Datei: FormCalendarField.php
ca. Zeile 109:
Code:$strBuffer .= ' <img src="plugins/datepicker/icon.gif" width="20" height="20" alt="" id="toggle_' . $this->strId . '" style="vertical-align:-6px;">
<script>window.addEvent("domready",function(){Locale.define("en-US","Date",{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],days:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],months_abbr:["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],days_abbr:["So","Mo","Di","Mi","Do","Fr","Sa"]});Locale.define("en-US","DatePicker",{select_a_time:"Uhrzeit auswählen",use_mouse_wheel:"Ändern Sie die Werte mit Hilfe des Mausrads",time_confirm_button:"OK",apply_range:"Anwenden",cancel:"Abbrechen",week:"W"});});</script>
<script type="text/javascript">
window.addEvent("domready", function() {
new Picker.Date($$("#ctrl_' . $this->strId . '"), {
draggable:false,
toggle:$$("#toggle_' . $this->strId . '"),
format:"%Y-%m-%d",
positionOffset:{x:20,y:-50},
pickerClass:"datepicker_dashboard",
useFadeInOut:!Browser.ie,
titleFormat:"%Y-%m-%d"
});
});
</script>';
Ach die php ^^ alles klar, danke Bluuba :)
Hallo alle zusammen,
will auch keinen neuen Thread desewegen aufmachen, bin aber leider in einer Sackgasse angekommen. Die Erweiterung läuft bei mir in 2.9 problemlos nur in 2.11 kriege ich garkein Button mehr angezeigt. Habe jetzt auch schon ewig rumprobiert (bin nicht all zu gut in js/php wobei Grundkenntnisse da sind) und habe jetzt auch den obigen Teil in meine FormCalendarField.php eingefügt wobei dadurch meine ganze Seite weiß wird ( also die komplette HP ). Kann mir irgendjemand sagen woran das liegen kann?
Also bin hier nochmal inzwischen habe ich es hinbekommen das er das icon anzeigt, nur leider passiert nichts wenn ich draufdrücke - also es kommt kein PopUp Window zum auswählen des Datums...
Okay habs anders gelöst:
Für alle die suchen ist evtl. nicht die beste Lösung aber was auch immer. Ich habe mir den folgenden Ordner aus der Contao 2.9 Version geholt (plugins/calendar) und entsprechend in das Verzeichnis bei der 2.11er kopiert
Dann habe ich in der "FormCalendarField.php" den Pfad zum js/zur css angepasst.
Gruß tribiz
Ich hab den Datepicker mit 2.11.4 im Einsatz. Er funktioniert auch, zumindest bei der ersten Datumsauswahl. Ruft man den Datepicker ein zweites Mal auf, dann zeigt er den Jänner 1970 an. Hat jemand dafür eine Lösung?
Danke u. liebe Grüße!
Ich hab es auch in 2.11.5 im Einsatz und läuft alles bestens.
Habe aus den letzten Versionen den Code zusammengesetzt wo er noch funktionierte.
Erstmal die neuste [calendarfield 1.3.0 stable 5] von Andreas installiert und die Dateien wie folgt angepasst:
In modules/clendarfield/FormCalenderField.php
und in der plugins/datepicker/datepicker.jsPHP-Code:<?php if (!defined('TL_ROOT')) die('You cannot access this file directly!');
/**
* Contao Open Source CMS
* Copyright (C) 2005-2011 Leo Feyer
*
* Formerly known as TYPOlight Open Source CMS.
*
* This program is free software: you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation, either
* version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public
* License along with this program. If not, please visit the Free
* Software Foundation website at <http://www.gnu.org/licenses/>.
*
* PHP version 5
* @copyright Andreas Schempp 2009-2011
* @author Andreas Schempp <andreas@schempp.ch>
* @license http://opensource.org/licenses/lgpl-3.0.html
* @version $Id: FormCalendarField.php 377 2011-09-12 12:08:18Z aschempp $
*/
class FormCalendarField extends FormTextField
{
public function __construct($arrAttributes=false)
{
parent::__construct($arrAttributes);
if ($this->rgxp != 'datim' && $this->rgxp != 'time')
$this->rgxp = 'date';
}
public function generate()
{
$dateFormat = strlen($this->dateFormat) ? $this->dateFormat : $GLOBALS['TL_CONFIG'][$this->rgxp . 'Format'];
$dateDirection = strlen($this->dateDirection) ? $this->dateDirection : '0';
$jsEvent = $this->jsevent ? $this->jsevent : 'domready';
if ($this->dateParseValue && $this->varValue != '')
{
$this->varValue = $this->parseDate($dateFormat, strtotime($this->varValue));
}
$strBuffer = parent::generate();
if ($this->readonly || $this->disabled)
return $strBuffer;
if (version_compare(VERSION, '2.10', '<'))
{
return $this->generateWithCalendar($strBuffer, $dateFormat, $dateDirection, $jsEvent);
}
else
{
return $this->generateWithDatepicker($strBuffer, $dateFormat, $dateDirection, $jsEvent);
}
}
/**
* Generate for datepicker script since Contao 2.10
*/
protected function generateWithDatepicker($strBuffer, $dateFormat, $dateDirection, $jsEvent)
{
$GLOBALS['TL_CSS'][] = 'plugins/datepicker/dashboard.css';
$GLOBALS['TL_JAVASCRIPT'][] = 'plugins/datepicker/datepicker.js';
switch ($this->rgxp)
{
case 'datim':
$time = ",\n timePicker:true";
break;
case 'time':
$time = ",\n timePickerOnly:true";
break;
default:
$time = '';
break;
}
switch( $dateDirection )
{
case '+1':
$dateDirection = ",\n minDate: {date:'" . $this->parseDate($dateFormat, strtotime('+1 day')) . "', format: '" . $dateFormat . "'}";
break;
case '-1':
$dateDirection = ",\n maxDate: {date:'" . $this->parseDate($dateFormat, strtotime('-1 day')) . "', format: '" . $dateFormat . "'}";
break;
default:
$dateDirection = '';
break;
}
$strBuffer .= ' <img src="plugins/datepicker/icon.gif" width="20" height="20" alt="" id="toggle_' . $this->strId . '" style="vertical-align:-6px;">
<script>window.addEvent("domready",function(){Locale.define("en-US","Date",{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],days:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],months_abbr:["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],days_abbr:["So","Mo","Di","Mi","Do","Fr","Sa"]});Locale.define("en-US","DatePicker",{select_a_time:"Uhrzeit auswählen",use_mouse_wheel:"Ändern Sie die Werte mit Hilfe des Mausrads",time_confirm_button:"OK",apply_range:"Anwenden",cancel:"Abbrechen",week:"W"});});</script>
<script type="text/javascript">
window.addEvent("domready", function() {
new Picker.Date($$("#ctrl_' . $this->strId . '"), {
draggable:false,
toggle:$$("#toggle_' . $this->strId . '"),
format:"%d.%m.%Y",
positionOffset:{x:20,y:-50},
pickerClass:"datepicker_dashboard",
useFadeInOut:!Browser.ie,
titleFormat:"%d.%m.%Y"
});
});
</script>';
return $strBuffer;
}
/**
* Generate for calendar script prior to Contao 2.10
*/
protected function generateWithCalendar($strBuffer, $dateFormat, $dateDirection, $jsEvent)
{
$GLOBALS['TL_CSS'][] = 'plugins/calendar/css/calendar.css';
$GLOBALS['TL_JAVASCRIPT'][] = 'plugins/calendar/js/calendar.js';
$strBuffer .= "<script type=\"text/javascript\">" . ($jsEvent == 'domready' ? '<!--//--><![CDATA[//><!--' : '') . "
window.addEvent('" . $jsEvent . "', function() { new Calendar({ ctrl_" . $this->strId . ": '" . $dateFormat . "' }, { navigation: 2, days: ['" . implode("','", $GLOBALS['TL_LANG']['DAYS']) . "'], months: ['" . implode("','", $GLOBALS['TL_LANG']['MONTHS']) . "'], offset: ". intval($GLOBALS['TL_LANG']['MSC']['weekOffset']) . ", titleFormat: '" . $GLOBALS['TL_LANG']['MSC']['titleFormat'] . "', direction: " . $dateDirection . " }); });
" . ($jsEvent == 'domready' ? '//--><!]]>' : '') . "</script>";
return $strBuffer;
}
public function validator($varInput)
{
if (strlen($this->dateFormat))
{
// Disable regular date validation
$this->rgxp = '';
if (strlen($varInput) && !preg_match('/'. $this->getRegexp($this->dateFormat) .'/i', $varInput))
{
$objDate = new Date();
$this->addError(sprintf($GLOBALS['TL_LANG']['ERR']['date'], $objDate->getInputFormat($this->dateFormat)));
}
}
return parent::validator($varInput);
}
/**
* Return a regular expression that matches a particular date format
* @param string
* @param string
* @return string
*/
private function getRegexp($strFormat=false, $strRegexpSyntax='perl')
{
if (!$strFormat)
{
$strFormat = $GLOBALS['TL_CONFIG']['dateFormat'];
}
if (preg_match('/[BbCcDEeFfIJKkLlMNOoPpQqRrSTtUuVvWwXxZz]+/', $strFormat))
{
throw new Exception(sprintf('Invalid date format "%s"', $strFormat));
}
$arrRegexp = array();
$arrCharacters = str_split($strFormat);
foreach ($arrCharacters as $strCharacter)
{
switch ($strCharacter)
{
// Patch day: allow 01 - 31
case 'd':
$arrRegexp[$strFormat]['perl'] .= '(0[1-9]|[12][0-9]|3[01])';
$arrRegexp[$strFormat]['posix'] .= '(0[1-9]|[12][0-9]|3[01])';
break;
// Patch month: allow 01 - 12
case 'm':
$arrRegexp[$strFormat]['perl'] .= '(0[1-9]|1[012])';
$arrRegexp[$strFormat]['posix'] .= '(0[1-9]|1[012])';
break;
// Patch year: allow 1900 - 2099
case 'Y':
$arrRegexp[$strFormat]['perl'] .= '(19|20)[0-9]{2,2}';
$arrRegexp[$strFormat]['posix'] .= '(19|20)[[:digit:]]{2}';
break;
case 'a':
case 'A':
$arrRegexp[$strFormat]['perl'] .= '[apmAPM]{2,2}';
$arrRegexp[$strFormat]['posix'] .= '[apmAPM]{2}';
break;
case 'y':
case 'h':
case 'H':
case 'i':
case 's':
$arrRegexp[$strFormat]['perl'] .= '[0-9]{2,2}';
$arrRegexp[$strFormat]['posix'] .= '[[:digit:]]{2}';
break;
case 'j':
case 'n':
case 'g':
case 'G':
$arrRegexp[$strFormat]['perl'] .= '[0-9]{1,2}';
$arrRegexp[$strFormat]['posix'] .= '[[:digit:]]{1,2}';
break;
default:
$arrRegexp[$strFormat]['perl'] .= preg_quote($strCharacter, '/');
$arrRegexp[$strFormat]['posix'] .= preg_quote($strCharacter, '/');
break;
}
}
return $arrRegexp[$strFormat][$strRegexpSyntax];
}
}
PHP-Code:/* DatePicker by Arian Stolwijk, <http://mootools.net/forge/p/mootools_datepicker>, MIT license */
var Picker=new Class({Implements:[Options,Events],options:{pickerClass:"datepicker",inject:null,animationDuration:400,useFadeInOut:!0,positionOffset:{x:0,y:0},pickerPosition:"bottom",draggable:!0,showOnInit:!0,columns:1,footer:!1},initialize:function(a){this.setOptions(a),this.constructPicker(),this.options.showOnInit&&this.show()},constructPicker:function(){var a=this.options,b=this.picker=(new Element("div",{"class":a.pickerClass,styles:{left:0,top:0,display:"none",opacity:0}})).inject(a.inject||document.body);b.addClass("column_"+a.columns),a.useFadeInOut&&b.set("tween",{duration:a.animationDuration,link:"cancel"});var c=this.header=(new Element("div.header")).inject(b),d=this.title=(new Element("div.title")).inject(c),e=this.titleID="pickertitle-"+String.uniqueID();this.titleText=(new Element("div",{role:"heading","class":"titleText",id:e,"aria-live":"assertive","aria-atomic":"true"})).inject(d),this.closeButton=(new Element("div.closeButton[text=x][role=button]")).addEvent("click",this.close.pass(!1,this)).inject(c);var f=this.body=(new Element("div.body")).inject(b);a.footer&&(this.footer=(new Element("div.footer")).inject(b),b.addClass("footer"));var g=this.slider=(new Element("div.slider",{styles:{position:"absolute",top:0,left:0}})).set("tween",{duration:a.animationDuration,transition:Fx.Transitions.Quad.easeInOut}).inject(f);this.newContents=(new Element("div",{styles:{position:"absolute",top:0,left:0}})).inject(g),this.oldContents=(new Element("div",{styles:{position:"absolute",top:0}})).inject(g),this.originalColumns=a.columns,this.setColumns(a.columns);var h=this.shim=window.IframeShim?new IframeShim(b):null;a.draggable&&typeOf(b.makeDraggable)=="function"&&(this.dragger=b.makeDraggable(h?{onDrag:h.position.bind(h)}:null),b.setStyle("cursor","move"))},open:function(a){if(this.opened==1)return this;this.opened=!0;var b=this.picker.setStyle("display","block").set("aria-hidden","false");return this.shim&&this.shim.show(),this.fireEvent("open"),this.options.useFadeInOut&&!a?b.fade("in").get("tween").chain(this.fireEvent.pass("show",this)):(b.setStyle("opacity",1),this.fireEvent("show")),this},show:function(){return this.open(!0)},close:function(a){if(this.opened==0)return this;this.opened=!1,this.fireEvent("close");var b=this,c=this.picker,d=function(){c.setStyle("display","none").set("aria-hidden","true"),b.shim&&b.shim.hide(),b.fireEvent("hide")};return this.options.useFadeInOut&&!a?c.fade("out").get("tween").chain(d):(c.setStyle("opacity",0),d()),this},hide:function(){return this.close(!0)},toggle:function(){return this[this.opened==1?"close":"open"]()},destroy:function(){this.picker.destroy(),this.shim&&this.shim.destroy()},position:function(a,b){var c=this.options.positionOffset,d=document.getScroll(),e=document.getSize(),f=this.picker.getSize();if(typeOf(a)=="element"){var g=a,h=b||this.options.pickerPosition,i=g.getCoordinates();a=h=="left"?i.left-f.x:h=="bottom"||h=="top"?i.left:i.right,b=h=="bottom"?i.bottom:h=="top"?i.top-f.y:i.top}return a+=c.x*(h&&h=="left"?-1:1),b+=c.y*(h&&h=="top"?-1:1),a+f.x>e.x+d.x&&(a=e.x+d.x-f.x),b+f.y>e.y+d.y&&(b=e.y+d.y-f.y),a<0&&(a=0),b<0&&(b=0),this.picker.setStyles({left:a,top:b}),this.shim&&this.shim.position(),this},setBodySize:function(){var a=this.bodysize=this.body.getSize();this.slider.setStyles({width:2*a.x,height:a.y}),this.oldContents.setStyles({left:a.x,width:a.x,height:a.y}),this.newContents.setStyles({width:a.x,height:a.y})},setColumnContent:function(a,b){var c=this.columns[a];if(!c)return this;var d=typeOf(b);return["string","number"].contains(d)?c.set("text",b):c.empty().adopt(b),this},setColumnsContent:function(a,b){var c=this.columns;return this.columns=this.newColumns,this.newColumns=c,a.forEach(function(a,b){this.setColumnContent(b,a)},this),this.setContent(null,b)},setColumns:function(a){var b=this.columns=new Elements,c=this.newColumns=new Elements;for(var d=a;d--;)b.push((new Element("div.column")).addClass("column_"+(a-d))),c.push((new Element("div.column")).addClass("column_"+(a-d)));var e="column_"+this.options.columns,f="column_"+a;return this.picker.removeClass(e).addClass(f),this.options.columns=a,this},setContent:function(a,b){if(a)return this.setColumnsContent([a],b);var c=this.oldContents;return this.oldContents=this.newContents,this.newContents=c,this.newContents.empty(),this.newContents.adopt(this.columns),this.setBodySize(),b?this.fx(b):(this.slider.setStyle("left",0),this.oldContents.setStyles({left:0,opacity:0}),this.newContents.setStyles({left:0,opacity:1})),this},fx:function(a){var b=this.oldContents,c=this.newContents,d=this.slider,e=this.bodysize;a=="right"?(b.setStyles({left:0,opacity:1}),c.setStyles({left:e.x,opacity:1}),d.setStyle("left",0).tween("left",0,-e.x)):a=="left"?(b.setStyles({left:e.x,opacity:1}),c.setStyles({left:0,opacity:1}),d.setStyle("left",-e.x).tween("left",-e.x,0)):a=="fade"&&(d.setStyle("left",0),b.setStyle("left",0).set("tween",{duration:this.options.animationDuration/2}).tween("opacity",1,0).get("tween").chain(function(){b.setStyle("left",e.x)}),c.setStyles({opacity:0,left:0}).set("tween",{duration:this.options.animationDuration}).tween("opacity",0,1))},toElement:function(){return this.picker},setTitle:function(a,b){return b||(b=Function.from),this.titleText.empty().adopt(Array.from(a).map(function(a,c){return typeOf(a)=="element"?a:(new Element("div.column",{text:b(a,this.options)})).addClass("column_"+(c+1))},this)),this},setTitleEvent:function(a){return this.titleText.removeEvents("click"),a&&this.titleText.addEvent("click",a),this.titleText.setStyle("cursor",a?"pointer":""),this}});Picker.Attach=new Class({Extends:Picker,options:{togglesOnly:!0,showOnInit:!1,blockKeydown:!0},initialize:function(a,b){this.parent(b),this.attachedEvents=[],this.attachedElements=[],this.toggles=[],this.inputs=[];var c=function(a){if(this.attachedElements.contains(a.target))return;this.close()}.bind(this),d=this.picker.getDocument().addEvent("click",c),e=function(a){return a.stopPropagation(),!1};this.picker.addEvent("click",e),this.options.toggleElements&&(this.options.toggle=d.getElements(this.options.toggleElements)),this.attach(a,this.options.toggle)},attach:function(a,b){typeOf(a)=="string"&&(a=document.id(a)),typeOf(b)=="string"&&(b=document.id(b));var c=Array.from(a),d=Array.from(b),e=[].append(c).combine(d),f=this,g=function(a){var b=f.options.blockKeydown&&a.type=="keydown"&&!["tab","esc"].contains(a.key),c=a.type=="keydown"&&["tab","esc"].contains(a.key),d=a.target.get("tag")=="a";(b||d)&&a.preventDefault(),(c||d)&&f.close()},h=function(a){return function(b){var c=b.target.get("tag");if(c=="input"&&b.type=="click"&&!a.match(":focus")||f.opened&&f.input==a)return;c=="a"&&b.stop(),f.position(a),f.open(),f.fireEvent("attached",[b,a])}},i=function(a,b){return function(c){f.opened?b(c):a(c)}};return e.each(function(a){if(f.attachedElements.contains(a))return;var b={},c=a.get("tag"),e=h(a),j=i(e,g);if(c=="input"){if(!f.options.togglesOnly||!d.length)b={focus:e,click:e,keydown:g};f.inputs.push(a)}else d.contains(a)?(f.toggles.push(a),b.click=j):b.click=e;a.addEvents(b),f.attachedElements.push(a),f.attachedEvents.push(b)}),this},detach:function(a,b){typeOf(a)=="string"&&(a=document.id(a)),typeOf(b)=="string"&&(b=document.id(b));var c=Array.from(a),d=Array.from(b),e=[].append(c).combine(d),f=this;return e.length||(e=f.attachedElements),e.each(function(a){var b=f.attachedElements.indexOf(a);if(b<0)return;var c=f.attachedEvents[b];a.removeEvents(c),delete f.attachedEvents[b],delete f.attachedElements[b];var d=f.toggles.indexOf(a);d!=-1&&delete f.toggles[d];var e=f.inputs.indexOf(a);d!=-1&&delete f.inputs[e]}),this},destroy:function(){return this.detach(),this.parent()}});(function(){this.DatePicker=Picker.Date=new Class({Extends:Picker.Attach,options:{timePicker:!1,timePickerOnly:!1,timeWheelStep:1,yearPicker:!0,yearsPerPage:20,startDay:1,rtl:!1,startView:"days",openLastView:!1,pickOnly:!1,canAlwaysGoUp:["months","days"],updateAll:!1,weeknumbers:!1,titleFormat:"%d %B, %Y",months_abbr:null,days_abbr:null,years_title:function(a,b){var c=a.get("year");return c+"-"+(c+b.yearsPerPage-1)},months_title:function(a,b){return a.get("year")},days_title:function(a,b){return a.format("%B %Y")},time_title:function(a,b){return b.pickOnly=="time"?Locale.get("DatePicker.select_a_time"):a.format(b.titleFormat)}},initialize:function(a,b){this.parent(a,b),this.setOptions(b),b=this.options,["year","month","day","time"].some(function(a){return b[a+"PickerOnly"]?(b.pickOnly=a,!0):!1}),b.pickOnly&&(b[b.pickOnly+"Picker"]=!0,b.startView=b.pickOnly);var d=["days","months","years"];["month","year","decades"].some(function(a,c){return b.startView==a&&(b.startView=d[c])}),b.canAlwaysGoUp=b.canAlwaysGoUp?Array.from(b.canAlwaysGoUp):[],b.minDate&&(b.minDate instanceof Date||(b.minDate=Date.parse(b.minDate)),b.minDate.clearTime()),b.maxDate&&(b.maxDate instanceof Date||(b.maxDate=Date.parse(b.maxDate)),b.maxDate.clearTime()),b.format||(b.format=b.pickOnly!="time"?Locale.get("Date.shortDate"):"",b.timePicker&&(b.format=b.format+(b.format?" ":"")+Locale.get("Date.shortTime"))),this.addEvent("attached",function(a,d){if(!this.currentView||!b.openLastView)this.currentView=b.startView;this.date=c(new Date,b.minDate,b.maxDate);var e=d.get("tag"),f;if(e=="input")f=d;else{var g=this.toggles.indexOf(d);this.inputs[g]&&(f=this.inputs[g])}this.getInputDate(f),this.input=f,this.setColumns(this.originalColumns)}.bind(this),!0)},getInputDate:function(a){this.date=new Date;if(!a)return;var b=Date.parse(a.get("value"));if(b==null||!b.isValid()){var c=a.retrieve("datepicker:value");c&&(b=Date.parse(c))}b!=null&&b.isValid()&&(this.date=b)},constructPicker:function(){this.parent(),this.options.rtl?(this.next=(new Element("div.previous[html=«]")).inject(this.header),this.previous=(new Element("div.next[html=»]")).inject(this.header)):(this.previous=(new Element("div.previous[html=«]")).inject(this.header),this.next=(new Element("div.next[html=»]")).inject(this.header))},hidePrevious:function(a,b){return this[a?"next":"previous"].setStyle("display",b?"block":"none"),this},showPrevious:function(a){return this.hidePrevious(a,!0)},setPreviousEvent:function(a,b){return this[b?"next":"previous"].removeEvents("click"),a&&this[b?"next":"previous"].addEvent("click",a),this},hideNext:function(){return this.hidePrevious(!0)},showNext:function(){return this.showPrevious(!0)},setNextEvent:function(a){return this.setPreviousEvent(a,!0)},setColumns:function(a,b,c,d){var e=this.parent(a),f;return(b||this.currentView)&&(f="render"+(b||this.currentView).capitalize())&&this[f]&&this[f](c||this.date.clone(),d),e},renderYears:function(c,d){var e=this.options,f=e.columns,g=e.yearsPerPage,h=[],i=[];this.dateElements=[],c=c.clone().decrement("year",c.get("year")%g);var j=c.clone().decrement("year",Math.floor((f-1)/2)*g);for(var k=f;k--;){var l=j.clone();i.push(l),h.push(b.years(a.years(e,l.clone()),e,this.date.clone(),this.dateElements,function(a){e.pickOnly=="years"?this.select(a):this.renderMonths(a,"fade"),this.date=a}.bind(this))),j.increment("year",g)}this.setColumnsContent(h,d),this.setTitle(i,e.years_title);var m=e.minDate&&c.get("year")<=e.minDate.get("year"),n=e.maxDate&&c.get("year")+e.yearsPerPage>=e.maxDate.get("year");this[(m?"hide":"show")+"Previous"](),this[(n?"hide":"show")+"Next"](),this.setPreviousEvent(function(){this.renderYears(c.decrement("year",g),"left")}.bind(this)),this.setNextEvent(function(){this.renderYears(c.increment("year",g),"right")}.bind(this)),this.setTitleEvent(null),this.currentView="years"},renderMonths:function(c,d){var e=this.options,f=e.columns,g=[],h=[],i=c.clone().decrement("year",Math.floor((f-1)/2));this.dateElements=[];for(var j=f;j--;){var k=i.clone();h.push(k),g.push(b.months(a.months(e,k.clone()),e,this.date.clone(),this.dateElements,function(a){e.pickOnly=="months"?this.select(a):this.renderDays(a,"fade"),this.date=a}.bind(this))),i.increment("year",1)}this.setColumnsContent(g,d),this.setTitle(h,e.months_title);var l=c.get("year"),m=e.minDate&&l<=e.minDate.get("year"),n=e.maxDate&&l>=e.maxDate.get("year");this[(m?"hide":"show")+"Previous"](),this[(n?"hide":"show")+"Next"](),this.setPreviousEvent(function(){this.renderMonths(c.decrement("year",f),"left")}.bind(this)),this.setNextEvent(function(){this.renderMonths(c.increment("year",f),"right")}.bind(this));var o=e.yearPicker&&(e.pickOnly!="months"||e.canAlwaysGoUp.contains("months")),p=o?function(){this.renderYears(c,"fade")}.bind(this):null;this.setTitleEvent(p),this.currentView="months"},renderDays:function(c,d){var e=this.options,f=e.columns,g=[],h=[],i=c.clone().decrement("month",Math.floor((f-1)/2));this.dateElements=[];for(var j=f;j--;)_date=i.clone(),h.push(_date),g.push(b.days(a.days(e,_date.clone()),e,this.date.clone(),this.dateElements,function(a){e.pickOnly=="days"||!e.timePicker?this.select(a):this.renderTime(a,"fade"),this.date=a}.bind(this))),i.increment("month",1);this.setColumnsContent(g,d),this.setTitle(h,e.days_title);var k=c.format("%Y%m").toInt(),l=e.minDate&&k<=e.minDate.format("%Y%m"),m=e.maxDate&&k>=e.maxDate.format("%Y%m");this[(l?"hide":"show")+"Previous"](),this[(m?"hide":"show")+"Next"](),this.setPreviousEvent(function(){this.renderDays(c.decrement("month",f),"left")}.bind(this)),this.setNextEvent(function(){this.renderDays(c.increment("month",f),"right")}.bind(this));var n=e.pickOnly!="days"||e.canAlwaysGoUp.contains("days"),o=n?function(){this.renderMonths(c,"fade")}.bind(this):null;this.setTitleEvent(o),this.currentView="days"},renderTime:function(a,c){var d=this.options;this.setTitle(a,d.time_title);var e=this.originalColumns=d.columns;this.currentView=null,e!=1&&this.setColumns(1),this.setContent(b.time(d,a.clone(),function(a){this.select(a)}.bind(this)),c),this.hidePrevious().hideNext().setPreviousEvent(null).setNextEvent(null);var f=d.pickOnly!="time"||d.canAlwaysGoUp.contains("time"),g=f?function(){this.setColumns(e,"days",a,"fade")}.bind(this):null;this.setTitleEvent(g),this.currentView="time"},select:function(a,b){this.date=a;var c=a.format(this.options.format),d=a.strftime(),e=!this.options.updateAll&&!b&&this.input?[this.input]:this.inputs;return e.each(function(a){a.set("value",c).store("datepicker:value",d).fireEvent("change")},this),this.fireEvent("select",[a].concat(e)),this.close(),this}});var a={years:function(a,b){var c=[];for(var d=0;d<a.yearsPerPage;d++)c.push(+b),b.increment("year",1);return c},months:function(a,b){var c=[];b.set("month",0);for(var d=0;d<=11;d++)c.push(+b),b.increment("month",1);return c},days:function(a,b){var c=[];b.set("date",1);while(b.get("day")!=a.startDay)b.set("date",b.get("date")-1);for(var d=0;d<42;d++)c.push(+b),b.increment("day",1);return c}},b={years:function(a,b,c,e,f){var g=new Element("div.years"),h=new Date,i,j;return a.each(function(a,k){var l=new Date(a),m=l.get("year");j=".year.year"+k,m==h.get("year")&&(j+=".today"),m==c.get("year")&&(j+=".selected"),i=(new Element("div"+j,{text:m})).inject(g),e.push({element:i,time:a}),d("year",l,b)?i.addClass("unavailable"):i.addEvent("click",f.pass(l))}),g},months:function(a,b,c,e,f){var g=new Date,h=g.get("month"),i=g.get("year"),j=c.get("year"),k=new Element("div.months"),l=b.months_abbr||Locale.get("Date.months_abbr"),m,n;return a.each(function(a,g){var o=new Date(a),p=o.get("year");n=".month.month"+(g+1),g==h&&p==i&&(n+=".today"),g==c.get("month")&&p==j&&(n+=".selected"),m=(new Element("div"+n,{text:l[g]})).inject(k),e.push({element:m,time:a}),d("month",o,b)?m.addClass("unavailable"):m.addEvent("click",f.pass(o))}),k},days:function(a,b,c,e,f){var g=(new Date(a[14])).get("month"),h=(new Date).toDateString(),i=c.toDateString(),j=b.weeknumbers,k=new Element("table.days"+(j?".weeknumbers":""),{role:"grid","aria-labelledby":this.titleID}),l=(new Element("thead")).inject(k),m=(new Element("tbody")).inject(k),n=(new Element("tr.titles")).inject(l),o=b.days_abbr||Locale.get("Date.days_abbr"),p,q,r,s,t,u=b.rtl?"top":"bottom";j&&(new Element("th.title.day.weeknumber",{text:Locale.get("DatePicker.week")})).inject(n);for(p=b.startDay;p<b.startDay+7;p++)(new Element("th.title.day.day"+p%7,{text:o[p%7],role:"columnheader"})).inject(n,u);return a.each(function(a,c){var k=new Date(a);c%7==0&&(s=(new Element("tr.week.week"+Math.floor(c/7))).set("role","row").inject(m),j&&(new Element("th.day.weeknumber",{text:k.get("week"),scope:"row",role:"rowheader"})).inject(s)),t=k.toDateString(),q=".day.day"+k.get("day"),t==h&&(q+=".today"),k.get("month")!=g&&(q+=".otherMonth"),r=(new Element("td"+q,{text:k.getDate(),role:"gridcell"})).inject(s,u),t==i?r.addClass("selected").set("aria-selected","true"):r.set("aria-selected","false"),e.push({element:r,time:a}),d("date",k,b)?r.addClass("unavailable"):r.addEvent("click",f.pass(k.clone()))}),k},time:function(a,b,c){var d=new Element("div.time"),e=(b.get("minutes")/a.timeWheelStep).round()*a.timeWheelStep;e>=60&&(e=0),b.set("minutes",e);var f=(new Element("input.hour[type=text]",{title:Locale.get("DatePicker.use_mouse_wheel"),value:b.format("%H"),events:{click:function(a){a.target.focus(),a.stop()},mousewheel:function(a){a.stop(),f.focus();var c=f.get("value").toInt();c=a.wheel>0?c<23?c+1:0:c>0?c-1:23,b.set("hours",c),f.set("value",b.format("%H"))}.bind(this)},maxlength:2})).inject(d),g=(new Element("input.minutes[type=text]",{title:Locale.get("DatePicker.use_mouse_wheel"),value:b.format("%M"),events:{click:function(a){a.target.focus(),a.stop()},mousewheel:function(c){c.stop(),g.focus();var d=g.get("value").toInt();d=c.wheel>0?d<59?d+a.timeWheelStep:0:d>0?d-a.timeWheelStep:60-a.timeWheelStep,d>=60&&(d=0),b.set("minutes",d),g.set("value",b.format("%M"))}.bind(this)},maxlength:2})).inject(d);return(new Element("div.separator[text=:]")).inject(d),(new Element("input.ok[type=submit]",{value:Locale.get("DatePicker.time_confirm_button"),events:{click:function(a){a.stop(),b.set({hours:f.get("value").toInt(),minutes:g.get("value").toInt()}),c(b.clone())}}})).inject(d),d}};Picker.Date.defineRenderer=function(a,c){return b[a]=c,this};var c=function(a,b,c){return b&&a<b?b:c&&a>c?c:a},d=function(a,b,c){var d=c.minDate,e=c.maxDate,f=c.availableDates,g,h,i,j;if(!d&&!e&&!f)return!1;b.clearTime();if(a=="year")return g=b.get("year"),d&&g<d.get("year")||e&&g>e.get("year")||f!=null&&!c.invertAvailable&&(f[g]==null||Object.getLength(f[g])==0||Object.getLength(Object.filter(f[g],function(a){return a.length>0}))==0);if(a=="month")return g=b.get("year"),h=b.get("month")+1,j=b.format("%Y%m").toInt(),d&&j<d.format("%Y%m").toInt()||e&&j>e.format("%Y%m").toInt()||f!=null&&!c.invertAvailable&&(f[g]==null||f[g][h]==null||f[g][h].length==0);g=b.get("year"),h=b.get("month")+1,i=b.get("date");var k=d&&b<d||d&&b>e;return f!=null&&(k=k||f[g]==null||f[g][h]==null||!f[g][h].contains(i),c.invertAvailable&&(k=!k)),k}})();
Herzlichen Dank. Werde es mir jetzt am Wochenende anschauen.
Gesendet von meinem GT-I9000 mit Tapatalk 2
Also bei mir funktionierts auch wieder auf Contao 2.11.5 mit dem Code von izanagi. Danke!
Allerdings beachtet er das eingestellte Datumsformat nicht. Im Formulargenerator habd ich d.m.Y angegeben und auch in den allgemeinen Einstellungen steht d.m.Y. Die Datumsauswahl schreibt aber Y-m-d in das Textfeld.
Und die Auswahlbox schließt sich erst wieder nach 2x klicken. Erster Klick: Datum wird ins Textfeld geschrieben, Box bleibt offen, zweiter Klick: Box schließt sich. Wenn ich beim zweiten Klick ein anderes Datum anklicken, wird das vorher ausgewählte Datum überschrieben.
Hi hast du die neustes Version von Andreas ausprobiert ?
[calendarfield 1.3.0 stable 5]
Ich habe trotzdem, weil es halt noch immer nicht funktioniert in 2.11.5 meine Code oben angepasst.
Hab gesehn ich hatte da noch das alte Format drin, manuell im Code. Den kannst du in Zeile 117 anpassen.
Oder benutze oben die zwei Dateien die habe ich gerade aktualisiert.
Ja, ich habe die neuste Version von Calendarfield [calendarfield 1.3.0 stable 5]. Wie du schon geschrieben hast, funktionierts ohne Anpassung nicht.
Super, deine Anpassung übernimmt jetzt das richtige Datumsformat. Danke!
Das mit den Klicks ist noch gleich, aber das ist auch nicht so tragisch.
@izanagi: Deine Anleitung zur Änderung des Datepickers (JS & PHP) hat mich gerettet! Klappt perfekt!!!
Uiuiu.... jetzt seh ich erst die nächste Problematik...
Die Ausgabe überspringt jetzt (optisch) die Tage --- also ich meine, dass die Daten nicht korrekt unter den Tagen stehen. Keine Ahnung woran das liegt... Ich versuch es zu lösen...
Wenn aber jemand schon weiß woran es liegt wär das auch nicht schlecht...
Anhang 9015
Schon gelöst... War mit reinem CSS in der dashboard.css (unter plugins/datepicker) zu lösen! Die width Angaben haben irgendwie nicht mehr gepasst...
Grüß dich, ja das Problem mit der Formatierung hatte ich auch schon oft, da muss man wie du es schon entdeckt hast, ein wenig im CSS nachkorrigieren :)
hallo.
ich habe gerade die erweiterung installiert. ich habe jquery im seitenlayout aktiviert. um die extension zu nutzen habe ich mootools zusätzlich aktiviert. das kalender icon wir angezeigt jedoch passiert nichts wenn ich draufklicke...
jat da jemand eine idee woran das liegen kann?
Ich reihe mich hierm al ein.
Habe die Erweiterung für ein Formular eingebaut.
Versuchsaufbau 1: Contao 2.6.11 + calendarfield 1.4.1 =
Nach Anlegen des Feldes für das Datum zeigt mir der Formulargenerator bei Aufruf des Formulars eine weiße Seite.
Versuchsaufbau 2: Contao 2.6.11 + calendarfield 1.3.0 + Änderungen von " izanagi" =
Eingabe und Ansicht klappen soweit, auch der Mailversandt. Jedoch gibt es dann statt der Bestätigungsseite eine weiße Seite :-(
Hat jemand eine Idee wie ich das gelöst bekomme !?
Danke vorab für eure Mühe.
Samuell
@2nut
da ich mit Version 3 noch nicht arbeite kann ich dir hierzu leider nichts empfehlen.
Ich hoffe doch die Jungs haben den Datepicker bei Contao 3 wieder voll funktionsfähig gemacht ???!
@Samuell
Weiße Seite statt bestätigen... hey das kenn ich doch irgendwo her.
Hat jetzt nichts mit dem Datepicker zu tun, ich glaube das ist bei dir was anderes.
moment... in meiner FAQ rumkram..... ach da hatte ich doch sogar nen Thread für
https://community.contao.org/de/show...l=1#post196613
Kurz gesagt, gleich mal nachgucken ob du die Erweiterung "newslettercheckbox" installiert hast.
Das andere könnte sein, das deine Weiterleitung nicht existiert... aber am besten schreibst du in meinem alten Thread wenn du das Problem nicht weg bekommst.
@ izanagi:
Ich habe keine Checkbox installiert. Sobald ich den Datepicker deaktiviere klappt das mit dem Fromular einwandfrei.
Daher bin ich mir recht sicher, dass es wirklich auch daran liegt.
Servus Leutz
folgens Problem.Ich benutze contao 2.11.7 und habe die oben aufgeführten Änderungen durchgeführt.Hat auch alles soweit funktioniert bis ich heute den Frontendeditor installiert habe und da er nicht meinen Erwartungen entsprach habe ich ihn wieder deinstalliert. Nun funktioniert auch die Datumsauswahl nichtmehr ABER NUR IN CHROME. Im IE und in Firefox funtioniert es weiterhin ohne Problem.
Die Console in Chrome gibt mir folgenden Fehler aus:
Uncaught SyntaxError: Unexpected token ) datepicker.js:2
Uncaught ReferenceError: Picker is not defined
Im IE und Firefox kein Fehler sogar OPERA mach keine Probleme.
Wo liegt das Problem
Gruß Basti
Besteht das Problem noch? Hört sich so an als hätte der Chrome die js vom Datepicker noch im Cache gehabt und das die sich wohl nicht mit dem frontendeditor verträgt.Zitat:
Zitat von bastler
Mal den Cache vom Chrome geleert und die Systemwartung durchgeführt? Anschließend die Seite hart neu laden.
Wenns immer noch nicht funktioniert hilft vielleicht auch de- und neuinstallation vom datepicker. Ist ja schnell gemacht.
hab genau das gleiche Problem, arbeite jedoch mit der Contao Version 2.11.8 und habe jquery v1.9.0 eingebunden.Zitat:
Zitat von 2nuts
gibt es eine möglichkeit, dass mootools und jquery zusammen laufen oder muss ich mich für eines entscheiden? jquery wäre mir lieber, aber dann funktioniert die calenderfield Erweiterung ja nicht mehr :(
Hi typomat,
du kannst im Seitenlayout unter Experten-Einstell.
jQuery aktivieren und dann noch zusätzlich die Option "jQuery und MooTools laden"
Wenn du dann Probleme hast, setzt du bei "MooTools-Templates" einen Haken bei >moo_jquery_nc<
und setzt dieses nach ganz unten in der Liste.
Das ist sozusagen die Gegenreparatur wenn MooTool und jQuery sich beißen.
Danke mal für deine Antwort.Zitat:
Zitat von izanagi
Aber wo finde ich "jQuery und MooTools laden" in Contao 2.11.8?
in Version contao 3.0.x ... darunter nur per Extension bzw Einbau ;)Zitat:
Zitat von typomat
EDIT:Zitat:
Zitat von magicsepp
Jetzt funktioniert es, ist iwie nichts anders aber es geht :D
Also ich habe bei kleineren Installationen mit dem calendarfield immer wieder meine Probleme.
Manchmal hab ich echt das Gefühl, dass dies was persönliches zwischen dem calendarfield und mir ist - aber - ach naja...
Jedenfalls hab ich ein bisschen rumgespielt.
Meiner Erfahrung nach ist ein vollständig funktionsfähiges calendarfield abhängig von php5 und es duldet da auch keine älteren Versionen. - dies kann z.B. bei 1und1 natürlich mit Umstellung auf php5 in der htaccess (derzeit noch) ein Problem sein.
Alle Versionen unter 1.4.0 rc1 sind entweder englisch, man kann Sie nicht klicken, oder sie reagieren gar nicht - ab und an muss man über 17 Ecken mit dem css tricksen und so weiter und so fort...
Die ganzen Dinger sind in diesem Forum ja bereits mehrfach und ausführlich beschrieben.
Was noch nicht aufgeführt wurde ist dieser hier:
unexpected T_PAAMAYIM_NEKUDOTAYIM
Auf Deutsch: Wer diesen Fehler sieht, dem wird nix anderes übrig bleiben, als alles auf den neuesten Stand zu bringen inkl. Umstieg auf php5 (also nicht via htaccess sonder das gesamte paket), ganz egal, ob es der Kunde zahlt oder nicht und ob es der Hoster unterstützt oder nicht...
Ganz treffend find ich übrigens auch diese Überschrift
Mein Problem lag am 1&1 Server:
Bisher musste für php5 in die htaccess:
Jetzt muss da:Code:AddType x-mapp-php5 .php
AddHandler x-mapp-php5 .php
rein und es klappt...Code:AddType x-mapp-php6 .php
AddHandler x-mapp-php6 .php
die Einstellungen werden eigentlich garnicht mehr benötigt da in Kürze (April 2013) sowiso nur noch php 5.4 angeboten wird.
Korrekt - bei mir funktionierts leider ohne den Handler nicht - aus welchem Grund auch immer, die globale php-version wäre zumindest korrekt....