example daterangepicker

Html code posted by paridin
created at 05 Aug 22:38

Edit | Back 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!-- ... -->
<link href="{% static 'css/daterangepicker.css' %}" rel="stylesheet" /><!-- ... -->
<div>
<form action="#" enctype="multipart/form-data" method=""><input calendar-foo="" name="csrfmiddlewaretoken" value="{{ csrf_token }}&gt;
&lt;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>
1009 Bytes in 3 ms with coderay