Start-und Enddatum mit Datepicker jQuery und Schwerkraft Formen

Ich habe ein Formular mit Gravity Forms WordPress ist, wird diese form hat 2 datepickers: Check-in-Datum und Check-out-Datum, aber ich möchte, dass wenn der Kunde wählt ein Datum in der check-in-Datum, wird automatisch das check-out-Datum-updates mit einem Tag nach dem check-in Datum, also, das ist, was ich getan habe, ohne Ergebnis:

Zuerst habe ich eine Funktion in meinem functions.php aus meinem Thema:

/**
* Gravity Forms Datepicker Changes
*/
function my_scripts_method() {
   wp_register_script( 'my-js-file',
       get_template_directory_uri() . '/js/my-js.js',
       array( 'jquery' ),
       '1.0',
       false );

   wp_enqueue_script( 'my-js-file' );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

Dann habe ich einen Ordner erstellt in meinem Thema genannt /js und auch ich habe eine Datei namens my-js.js, in dem ich diesen code:

jQuery.noConflict();

jQuery(document).ready(function ($)) {
    $('#input_7_1').datepicker({
        changeMonth: true,
        onSelect: function (selectedDate) {
            $('#input_7_5').datepicker('option', 'minDate', selectedDate);
        }
    });

    $('#input_7_5').datepicker({
        changeMonth: true,
        onSelect: function (selectedDate) {
            $('#input_7_1').datepicker('option', 'maxDate', selectedDate);
        }
    });
});

Aber das problem ist, dass es keine Wirkung in meinem datepickers, ändert sich nichts, keine Ahnung warum das passiert ist?

Es gibt eine andere seltsame Sache, wenn die Schwerkraft Formen haben diese Datei: datepicker.js und wenn ich alles gelöscht, nichts verändert, oder wenn die Veränderung einen gewissen Wert, auch gibt es keine änderungen. dies ist der code in der Datei:

jQuery(document).ready(gformInitDatepicker);
function gformInitDatepicker(){
    jQuery('.datepicker').each(
        function (){
            var element = jQuery(this);
            var format = "mm/dd/yy";

            if(element.hasClass("mdy"))
                format = "mm/dd/yy";
            else if(element.hasClass("dmy"))
                format = "dd/mm/yy";
            else if(element.hasClass("dmy_dash"))
                format = "dd-mm-yy";
            else if(element.hasClass("dmy_dot"))
                format = "dd.mm.yy";
            else if(element.hasClass("ymd_slash"))
                format = "yy/mm/dd";
            else if(element.hasClass("ymd_dash"))
                format = "yy-mm-dd";
            else if(element.hasClass("ymd_dot"))
                format = "yy.mm.dd";

            var image = "";
            var showOn = "focus";
            if(element.hasClass("datepicker_with_icon")){
                showOn = "both";
                image = jQuery('#gforms_calendar_icon_' + this.id).val();
            }

            element.datepicker({ yearRange: '-100:+20', minDate: +10, maxDate: "+24M +30D", showOn: showOn, buttonImage: image, buttonImageOnly: true, dateFormat: format,  changeMonth: false, changeYear: false, showAnim: 'slideDown', duration: 'slow' }).attr('readonly','readonly');
        }
    );
}
  • könnte sein das andere datepicker-code ausgeführt wird, die nach Ihnen
  • also, wie kann ich sicherstellen, dass über das?, es gibt eine Datei in der gravity forms plugin wo andere code ist für alle datepickers
  • schau in den Quelltext der Seite und sehen, ob es wahr ersten. Vielleicht braucht es auch destroy Methode vor dem deklarieren von neuen Einstellungen. Oder geben Sie einfach neue Möglichkeiten in und nicht zu initialisieren, wenn Sie bereits initialisiert
  • Können Sie mir ein Beispiel, wie die destroy-Methode?
  • $('#input_7_1').datepicker('destroy');
  • Ist der datepicker aufspringen? Stellen Sie sicher, dass der enqueue-und ui-datepicker als gut. wp_enqueue_script( 'jquery-ui-datepicker' ); wp_enqueue_style('jquery-ui-css', '//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css');
  • Ja, und auch im mit den datepicker in einer modal box
  • ich habe die änderung mit dem code, und auch die destroy-Funktion, aber es ändert sich nichts.
  • Es gibt eine andere seltsame Sache, wenn die Schwerkraft Formen haben diese Datei: datepicker.js
  • Bitte markieren Sie eine Antwort als richtig anstatt Solved um den Titel. Überprüfen Sie die Website tour.

InformationsquelleAutor LaravDev | 2014-07-20
Schreibe einen Kommentar