jQuery(document).ready(function() { // Time Picker jQuery('#timepicker').timepicker({ defaultTIme : false }); jQuery('#timepicker2').timepicker({ showMeridian : false }); jQuery('#timepicker3').timepicker({ minuteStep : 15 }); //colorpicker start $('.colorpicker-default').colorpicker({ format: 'hex' }); $('.colorpicker-rgba').colorpicker(); // Date Picker jQuery('#datepicker').datepicker(); jQuery('#datepicker-autoclose').datepicker({ autoclose: true, todayHighlight: true }); jQuery('#datepicker-inline').datepicker(); jQuery('#datepicker-multiple-date').datepicker({ format: "mm/dd/yyyy", clearBtn: true, multidate: true, multidateSeparator: "," }); jQuery('#date-range').datepicker({ toggleActive: true }); //Clock Picker $('.clockpicker').clockpicker({ donetext: 'Done' }); $('#single-input').clockpicker({ placement: 'bottom', align: 'left', autoclose: true, 'default': 'now' }); $('#check-minutes').click(function(e){ // Have to stop propagation here e.stopPropagation(); $("#single-input").clockpicker('show') .clockpicker('toggleView', 'minutes'); }); //Date range picker $('.input-daterange-datepicker').daterangepicker({ buttonClasses: ['btn', 'btn-sm'], applyClass: 'btn-default', cancelClass: 'btn-white' }); $('.input-daterange-timepicker').daterangepicker({ timePicker: true, timePickerIncrement: 30, locale: { format: 'MM/DD/YYYY h:mm A' }, buttonClasses: ['btn', 'btn-sm'], applyClass: 'btn-default', cancelClass: 'btn-white' }); $('.input-limit-datepicker').daterangepicker({ format: 'MM/DD/YYYY', minDate: '06/01/2015', maxDate: '06/30/2015', buttonClasses: ['btn', 'btn-sm'], applyClass: 'btn-default', cancelClass: 'btn-white', dateLimit: { days: 6 } }); $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY')); $('#reportrange').daterangepicker({ format: 'MM/DD/YYYY', startDate: moment().subtract(29, 'days'), endDate: moment(), minDate: '01/01/2012', maxDate: '12/31/2015', dateLimit: { days: 60 }, showDropdowns: true, showWeekNumbers: true, timePicker: false, timePickerIncrement: 1, timePicker12Hour: true, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] }, opens: 'left', drops: 'down', buttonClasses: ['btn', 'btn-sm'], applyClass: 'btn-default', cancelClass: 'btn-white', separator: ' to ', locale: { applyLabel: 'Submit', cancelLabel: 'Cancel', fromLabel: 'From', toLabel: 'To', customRangeLabel: 'Custom', daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'], monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], firstDay: 1 } }, function (start, end, label) { console.log(start.toISOString(), end.toISOString(), label); $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')); }); });