Pergunta no formulário de contato 7 WordPress Datepicker: Rolagem de data na tela

Um usuário perguntou ?

Olá a todos,

Alguém sabe o que eu quero fazer para compensar o calendário datado de 14 dias porque o serviço envolvido com o selecionador de datas precisa ter uma janela de 14 dias onde as pessoas não poderão escolher um compromisso?

Basicamente, o que eu quero conseguir é que, quando o usuário clicar no calendário, ele tenha um período de duas semanas que não esteja disponível para seleção e o padrão seja uma data de 14 dias a partir do momento em que clicar nele e os dias restantes disponíveis ?

Eu suponho que isso seria uma mudança simples, mas eu não acho que você vai ver isso.

Agradecemos sua ajuda.

Obrigado

(@orodruim)

3 anos, 1 mês atrás

Ele pode ajudá-lo:

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

lançador de tópicos

(@infinito)

3 anos, 1 mês atrás

Obrigado pela sua resposta!

Então isso funcionaria assim?

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

Qualquer ajuda será muito apreciada.

(@orodruim)

3 anos, 1 mês atrás

Esta função detecta uma data de início e impede que a data de término seja anterior. Você pode personalizar o código de funcionalidade para as funções .php do seu tema.

lançador de tópicos

(@infinito)

3 anos, 1 mês atrás

Obrigado, vou ver o que posso fazer com isso.

Mais uma vez, obrigado por dedicar um tempo para ajudar ?

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *