DC-Daterangepicker

O DC-Daterangepicker é um plugin baseado no popular plugin Daterangepicker. O objetivo deste plugin é adicionar funcionalidades adicionais que o Daterangepicker não apresenta, permitindo a personalização total das funcionalidades.

Descrição

O Daterangepicker é uma ferramenta amplamente utilizada para seleção de intervalos de datas em aplicações web. No entanto, em alguns casos, pode ser necessário adicionar funcionalidades específicas ou personalizações que não são suportadas nativamente pelo Daterangepicker. É aqui que o DC-Daterangepicker entra em ação, oferecendo uma solução flexível e personalizável para as necessidades de seleção e manipulação de datas da Directcall.

Funcionalidades Adicionais

• Suporte a novos tipos de seleção de datas.
• Personalização avançada de estilos e temas.
• Integração simplificada com outras bibliotecas e frameworks.
• Adição de novos eventos e gatilhos para interações personalizadas.

Instalação

<!-- Inclua o arquivo CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/dcdaterange-plugin/dc-daterangepicker.css">

<!-- Inclua o arquivo JavaScript -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/dcdaterange-plugin/dc-daterangepicker.min.js"></script>

<!-- Inicialize o DC-Daterangepicker -->
<input type="text" name="daterange" id="daterange">

<script>
  $(function() {

      $('input[name="daterange"]').daterangepicker({
        
            opens: 'left',
            startDate: start,
            endDate: end,
            "locale": {
                "format": "DD/MM/YYYY",
                "separator": " - ",
                "applyLabel": "Aplicar",
                "cancelLabel": "Cancelar",
                "fromLabel": "De",
                "toLabel": "Até",
                "customRangeLabel": "Personalizado",
                "daysOfWeek": [
                    "Dom",
                    "Seg",
                    "Ter",
                    "Qua",
                    "Qui",
                    "Sex",
                    "Sáb"
                ],
                "monthNames": [
                    "Janeiro",
                    "Fevereiro",
                    "Março",
                    "Abril",
                    "Maio",
                    "Junho",
                    "Julho",
                    "Agosto",
                    "Setembro",
                    "Outubro",
                    "Novembro",
                    "Dezembro"
                ],
                "firstDay": 0
            },
            ranges: {
                'Hoje': [moment(), moment()],
                'Ultimos 3 Dias': [moment().subtract(3, 'days'), moment()],
                'Ultimos 7 Dias': [moment().subtract(7, 'days'), moment()],
            }

        }, function (start, end, label) {
        });
   
  });
</script>