Title / Description
Code <!-- ... --> <link href="{% static 'css/daterangepicker.css' %}" rel="stylesheet" /><!-- ... --> <div> <form action="#" enctype="multipart/form-data" method=""><input calendar-foo="" name="csrfmiddlewaretoken" value="{{ csrf_token }}> <input data-cke-saved-name=" /> </form> </div> <!-- jQuery debe ser incluido primero --><script src="{% static 'js/plugins/daterange/moment.min.js' %}"></script><script src="{% static 'js/plugins/daterange/daterangepicker.js' %}"></script><!-- Nota deben ser incluidos al final del body todos los JS para agilizar la carga de la página --><script> // Detalles en http://www.daterangepicker.com/#examples $('#calendar-foo').daterangepicker({ "singleDatePicker": true, "opens": "left", "drops": "down", "buttonClasses": "btn btn-sm", "applyClass": "btn-success", "cancelClass": "btn-default", }, function (start, end, label) { console.log("New date range selected: ' + start.format('YYYY-MM-DD')); }); </script>
Author
Highlight as C C++ CSS Clojure Delphi ERb Groovy (beta) HAML HTML JSON Java JavaScript PHP Plain text Python Ruby SQL XML YAML diff code