Datepicker Do not select certain dates

Question

Datepicker Do not select certain dates

Navigation

#1 by (1 votes)

1

I'm not able to make this code work, I want some dates not to be selected in datepicker.

Now it is not working anymore, it does not open the window to select the dates

Can anyone help me?

$().ready(function()
{


    var ranges = [{ start: moment(new Date('05/05/2016')).format("dd/mm/yy"), end: moment(new Date('15/05/2016')).format("dd/mm/yy") },
                  { start: moment(new Date('20/06/2016')).format("dd/mm/yy"), end: moment(new Date('26/06/2016')).format("dd/mm/yy") }];

    var dates = $("#dataInicio, #dataFinal")
                .datepicker({
                            dateFormat: 'dd/mm/yy',
                            changeMonth: false,
                            numberOfMonths: 2,
                            beforeShowDay: function(date) {
                                    $.each(ranges, function(index) {
                                    if (date >= ranges[index].start && date <= ranges[index].end)
                                    {
                                        return [true, ''];
                                    }
                                })return [false, ''];
                },

                minDate: ranges[0].start,
                maxDate: ranges[ranges.length - 1].end,          
                defaultDate: ranges[0].start,
                onSelect: function() {
                    $(this).focusin();
            }


    });

    //Date picked fim
});

jquery datepicker

asked by anonymous 14.06.2016 / 04:38

1 answer

.htaccess with friendly URL that allows use of the GET method PHP and javascript - Getting javascript value in PHP (session usage)

score 1 · Answer 1

Try to recycle this code. I hope it helps:

//Validar datas:

//Quando abre o datapicker seleciona a menor data para ser o dia de hoje now().
var now = new Date(),
minDateJS = now.toISOString().substring(0,10);

//Seleciona a data de entrega do produto.
//Aplica a data now (hoje) para ser a menor data selecionavel para a entrega do produto
//Aplica a data de entrega do produto para ser a menor data possivel do evento  
$('#dt_entregaProd').datepicker({
    dateFormat: 'yy-mm-dd',
    changeMonth: true,
    changeYear: true,
    minDate: minDateJS,
    inline: true,         
    onClose: function( selectedDate ) {//Passa a data selecionada neste objeto para ser a menor data possivel para realizar o evento
      $( "#dt_Event" ).datepicker( "option", "minDate", selectedDate );
    }

});             


//Seleciona a data do evento.
//Evento bidirecional. Se a data do evento for selecionada primeiro, entã a data máxima de entrega do produto será limitada automaticamente
$('#dt_Event').datepicker({
    dateFormat: 'yy-mm-dd',
    changeMonth: true,
    changeYear: true,
    minDate: minDateJS,
    inline: true, 
    onClose: function( selectedDate ) {
      $( "#dt_entregaProd" ).datepicker( "option", "maxDate", selectedDate );
    }        
 });