TIF_E41210178/public/admin2/assets/js/forms/daterangepicker-init.js

166 lines
4.6 KiB
JavaScript

/*******************************************/
// Basic Date Range Picker
/*******************************************/
$(".daterange").daterangepicker();
/*******************************************/
// Date & Time
/*******************************************/
$(".datetime").daterangepicker({
timePicker: true,
timePickerIncrement: 30,
locale: {
format: "MM/DD/YYYY h:mm A",
},
});
/*******************************************/
//Calendars are not linked
/*******************************************/
$(".timeseconds").daterangepicker({
timePicker: true,
timePickerIncrement: 30,
timePicker24Hour: true,
timePickerSeconds: true,
locale: {
format: "MM-DD-YYYY h:mm:ss",
},
});
/*******************************************/
// Single Date Range Picker
/*******************************************/
$(".singledate").daterangepicker({
singleDatePicker: true,
showDropdowns: true,
});
/*******************************************/
// Auto Apply Date Range
/*******************************************/
$(".autoapply").daterangepicker({
autoApply: true,
});
/*******************************************/
// Calendars are not linked
/*******************************************/
$(".linkedCalendars").daterangepicker({
linkedCalendars: false,
});
/*******************************************/
// Date Limit
/*******************************************/
$(".dateLimit").daterangepicker({
dateLimit: {
days: 7,
},
});
/*******************************************/
// Show Dropdowns
/*******************************************/
$(".showdropdowns").daterangepicker({
showDropdowns: true,
});
/*******************************************/
// Show Week Numbers
/*******************************************/
$(".showweeknumbers").daterangepicker({
showWeekNumbers: true,
});
/*******************************************/
// Date Ranges
/*******************************************/
$(".dateranges").daterangepicker({
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"),
],
},
});
/*******************************************/
// Always Show Calendar on Ranges
/*******************************************/
$(".shawCalRanges").daterangepicker({
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"),
],
},
alwaysShowCalendars: true,
});
/*******************************************/
// Top of the form-control open alignment
/*******************************************/
$(".drops").daterangepicker({
drops: "up", // up/down
});
/*******************************************/
// Custom button options
/*******************************************/
$(".buttonClass").daterangepicker({
drops: "up",
buttonClasses: "btn",
applyClass: "btn-primary",
cancelClass: "bg-danger-subtle text-danger",
});
/*******************************************/
// Language
/*******************************************/
$(".localeRange").daterangepicker({
ranges: {
"Aujourd'hui": [moment(), moment()],
Hier: [moment().subtract("days", 1), moment().subtract("days", 1)],
"Les 7 derniers jours": [moment().subtract("days", 6), moment()],
"Les 30 derniers jours": [moment().subtract("days", 29), moment()],
"Ce mois-ci": [moment().startOf("month"), moment().endOf("month")],
"le mois dernier": [
moment().subtract("month", 1).startOf("month"),
moment().subtract("month", 1).endOf("month"),
],
},
locale: {
applyLabel: "Vers l'avant",
cancelLabel: "Annulation",
startLabel: "Date initiale",
endLabel: "Date limite",
customRangeLabel: "Sélectionner une date",
daysOfWeek: ["Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa"],
monthNames: [
"Janvier",
"février",
"Mars",
"Avril",
"Маi",
"Juin",
"Juillet",
"Août",
"Septembre",
"Octobre",
"Novembre",
"Decembre",
],
firstDay: 1,
},
});