Pregunta sobre Contact Form 7 Datepicker de Wordpress:

Desplazamiento de fecha en pantalla

Un usuario pregunt贸 馃憞

Hola a todos,

驴Alguien sabe lo que quiero hacer para compensar el calendario con fecha de 14 d铆as porque el servicio involucrado con el selector de fecha debe tener un per铆odo de 14 d铆as en el que las personas no podr谩n elegir una cita?

B谩sicamente lo que quiero poder lograr es que cuando el usuario haga clic en el calendario tenga un per铆odo de dos semanas que no est谩 disponible para la selecci贸n y por defecto hasta una fecha de 14 d铆as desde el momento en que hace clic en 茅l y los d铆as restantes 驴disponible?

Supongo que esto ser铆a un cambio simple, pero no creo que lo vea.

Apreciamos su ayuda.

Gracias

(@orodruim)

Hace 3 a帽os, 1 mes

Puede ayudarlo a:

<script>
        jQuery(function ($) {
            if ($('.inicio_recoleccion input') != null && $('.fin_recoleccion input') != null) {
                var start = $('.inicio_recoleccion input').first();
                var end = $('.fin_recoleccion input').first();

                
                //Se calcula para el inicio
                start.on('change', function () {
                    //Estas lineas impiden que la fecha de fin sea anterior a la fecha inicio
                    var start_date = $(this).datepicker('getDate');
                    start_date.setDate(start_date.getDate());
                    end.datepicker('option', 'minDate', start_date);

                    // Calcula la semana
                    var semana_inicio = $(this).datepicker('getDate');
                    $(id_inicio_recoleccion).val($.datepicker.iso8601Week(new Date(semana_inicio)));

                });

                //Se calcula para el fin
                end.on('change', function () {
                    var semana_fin = $(this).datepicker('getDate');
                    $(id_fin_recoleccion).val($.datepicker.iso8601Week(new Date(semana_fin)));

                });

            }

        });
    </script>

Lanzador de hilos

(@infinito)

Hace 3 a帽os, 1 mes

隆Gracias por su respuesta!

Entonces, 驴esto funcionar铆a as铆?

<script>
        jQuery(function ($) {
            if ($('.inicio_recoleccion input') != null && $('.fin_recoleccion input') != null) {
                var start = $('.inicio_recoleccion input').first();
                var end = $('.fin_recoleccion input').first();

                
                //Se calcula para el inicio
                start.on('change', function () {
                    //Estas lineas impiden que la fecha de fin sea anterior a la fecha inicio
                    var start_date = $(this).datepicker('getDate');
                    start_date.setDate(start_date.getDate());
                    end.datepicker('option', 'minDate', start_date);

                    // Calcula la semana
                    var semana_inicio = $(this).datepicker('getDate');
                    $(id_inicio_recoleccion).val($.datepicker.iso8601Week(new Date(semana_inicio)));

                });

                //Se calcula para el fin
                end.on('change', function () {
                    var semana_fin = $(this).datepicker('getDate');
                    $(id_fin_recoleccion).val($.datepicker.iso8601Week(new Date(semana_fin)));

                });

            }

        });
    </script>
<div>
[text* your-name placeholder "Full Name"] 
[tel tel-44 class:telnum placeholder "Telephone number"]
[email* your-email placeholder "Email Address"] 
[text* your-pre class:calendar placeholder "Preferred date" ]
<div class="timebox"><strong>Time of day </strong>[radio time class:time "AM" "PM"]</div>
[submit "Send"]
</div>

Cualquier ayuda ser谩 muy apreciada.

(@orodruim)

Hace 3 a帽os, 1 mes

Esta funci贸n detecta una fecha de inicio y evita que la fecha de finalizaci贸n sea anterior. Tal vez puedas personalizar el c贸digo de funcionalidad para las funciones .php de tu tema.

Lanzador de hilos

(@infinito)

Hace 3 a帽os, 1 mes

Gracias, ver茅 qu茅 puedo hacer con 茅l.

Nuevamente, gracias por tomarse el tiempo para ayudar 馃檪

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *