DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://rawgithub.com/dangrossman/bootstrap-daterangepicker/master/moment.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/dangrossman/bootstrap-daterangepicker/master/daterangepicker.css">
<script src="https://rawgithub.com/dangrossman/bootstrap-daterangepicker/master/daterangepicker.js"></script>
<input type="text" name="daterange" value="01/01/2015 - 01/31/2015" />

JavaScript

$('input[name="daterange"]').daterangepicker({
 "locale": {
        "format": "MM/DD/YYYY",
        "separator": " - ",
        "applyLabel": "Apply",
        "cancelLabel": "Cancel",
        "fromLabel": "From",
        "toLabel": "To",
        "customRangeLabel": "Custom",
        "daysOfWeek": [
            "Su",
            "Mo",
            "Tu",
            "We",
            "Th",
            "Fr",
            "Sa"
        ],
        "monthNames": [
            "Enero",
            "Febrero",
            "Marzo",
            "Abril",
            "Mayo",
            "Junio",
            "Julio",
            "Agusto",
            "Septiembre",
            "Octubre",
            "Noviembre",
            "Diciembre"
        ],
        "firstDay": 1
    }
});