[calendarfield] mit 2.11

[bluuba]

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

[Thomas]

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.

[bluuba]

hallo.

ich habe bereits getestet.
Der Kalendar öffnet sich zwar, jedoch wird das Datum nicht in das input-Field geschrieben.

mfg

[Thomas]

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. ^^

[Kim]

https://github.com/aschempp/contao-c...field/issues/1

[Thomas]

Geht ja schon in Richtung meiner Vermutung.

[bluuba]

Danke hat geklappt.

mfg

[izanagi]

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.

[izanagi]

Aufmerksamkeit

Möchte nicht einen extra Thread eröffnen.

[bluuba]

hi,

ich habe es folgendermaßen gelöst:

Datei: FormCalendarField.php

ca. Zeile 109:

$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>';

[izanagi]

Ach die php ^^ alles klar, danke Bluuba

[tribiz]

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?

[tribiz]

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...

[tribiz]

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

[hasenbaer]

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!

[izanagi]

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

<?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];
    }
}

und in der plugins/datepicker/datepicker.js

/* 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}})(); 

[hasenbaer]

Herzlichen Dank. Werde es mir jetzt am Wochenende anschauen.

Gesendet von meinem GT-I9000 mit Tapatalk 2

[ToNoma]

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.

[izanagi]

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.

[ToNoma]

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.

[buchbergertom]

@izanagi: Deine Anleitung zur Änderung des Datepickers (JS & PHP) hat mich gerettet! Klappt perfekt!!!

[buchbergertom]

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...

calendar.jpg

[buchbergertom]

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...

[izanagi]

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

[2nuts]

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?

[Samuell]

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

[izanagi]

@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.

[Samuell]

@ 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.

[bastler]

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

[ToNoma]

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.
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.

[typomat]

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?

hab genau das gleiche Problem, arbeite jedoch mit der Contao Version 2.11.8 und habe jquery v1.9.0 eingebunden.

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

[izanagi]

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.

[typomat]

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.

Aber wo finde ich "jQuery und MooTools laden" in Contao 2.11.8?

[magicsepp]

...
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

[typomat]

in Version contao 3.0.x ... darunter nur per Extension bzw Einbau

EDIT:
Jetzt funktioniert es, ist iwie nichts anders aber es geht

[Hauge]

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

[Hauge]

Mein Problem lag am 1&1 Server:
Bisher musste für php5 in die htaccess:

AddType x-mapp-php5 .php 
AddHandler x-mapp-php5 .php

Jetzt muss da:

AddType x-mapp-php6 .php
AddHandler x-mapp-php6 .php

rein und es klappt...

[magicsepp]

die Einstellungen werden eigentlich garnicht mehr benötigt da in Kürze (April 2013) sowiso nur noch php 5.4 angeboten wird.

[Hauge]

Korrekt - bei mir funktionierts leider ohne den Handler nicht - aus welchem Grund auch immer, die globale php-version wäre zumindest korrekt....