Primer Commit
This commit is contained in:
LuisAngelSalinasl
496
dist/js/pages/forms/datetimepicker/datetimepicker.init.js
vendored
Normal file
496
dist/js/pages/forms/datetimepicker/datetimepicker.init.js
vendored
Normal file
@@ -0,0 +1,496 @@
|
||||
/***********************************/
|
||||
// Basic date
|
||||
/***********************************/
|
||||
$('.pickadate').pickadate();
|
||||
|
||||
/***********************************/
|
||||
// Change Day & Month strings
|
||||
/***********************************/
|
||||
$('.pickadate-short-string').pickadate({
|
||||
weekdaysShort: ['S', 'M', 'Tu', 'W', 'Th', 'F', 'S'],
|
||||
showMonthsShort: true
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Select Year
|
||||
/***********************************/
|
||||
$('.pickadate-select-year').pickadate({
|
||||
selectYears: 8
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Change first weekday
|
||||
/***********************************/
|
||||
$('.pickadate-firstweek').pickadate({
|
||||
firstDay: 1
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Button options
|
||||
/***********************************/
|
||||
$('.pickadate-clear-buttons').pickadate({
|
||||
today: '',
|
||||
close: 'Close Picker',
|
||||
clear: ''
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Date limits
|
||||
/***********************************/
|
||||
$('.pickadate-datelimits').pickadate({
|
||||
min: [2016, 8, 20],
|
||||
max: [2016, 10, 30]
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Format options
|
||||
/***********************************/
|
||||
$('.pickadate-change-format').pickadate({
|
||||
// Escape any 'rule' characters with an exclamation mark (!).
|
||||
format: 'Selecte!d Date : dddd, dd mmmm, yyyy',
|
||||
formatSubmit: 'mm/dd/yyyy',
|
||||
hiddenPrefix: 'prefix__',
|
||||
hiddenSuffix: '__suffix'
|
||||
});
|
||||
|
||||
$('.pickadate-changearrow').pickadate({
|
||||
monthPrev: '←',
|
||||
monthNext: '→',
|
||||
weekdaysShort: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
|
||||
showMonthsFull: false
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Disable weekday range
|
||||
/***********************************/
|
||||
$('.pickadate-disable-week').pickadate({
|
||||
disable: [
|
||||
3
|
||||
]
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Disable dates
|
||||
/***********************************/
|
||||
$('.pickadate-disable-arbitrarydates').pickadate({
|
||||
disable: [
|
||||
[2016, 5, 10],
|
||||
[2016, 5, 15],
|
||||
[2016, 5, 20]
|
||||
]
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Month & Year selectors
|
||||
/***********************************/
|
||||
$('.pickadate-selectors').pickadate({
|
||||
labelMonthNext: 'Next month',
|
||||
labelMonthPrev: 'Previous month',
|
||||
labelMonthSelect: 'Pick a Month',
|
||||
labelYearSelect: 'Pick a Year',
|
||||
selectMonths: true,
|
||||
selectYears: true
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// With Select
|
||||
/***********************************/
|
||||
$('.pickadate-monyear-dropdown').pickadate({
|
||||
selectMonths: true,
|
||||
selectYears: true
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Events
|
||||
/***********************************/
|
||||
$('.pickadate-events').pickadate({
|
||||
onStart: function() {
|
||||
console.log('Hi there!!!');
|
||||
},
|
||||
onRender: function() {
|
||||
console.log('Holla... rendered new');
|
||||
},
|
||||
onOpen: function() {
|
||||
console.log('Picker Opened');
|
||||
},
|
||||
onClose: function() {
|
||||
console.log("I'm Closed now");
|
||||
},
|
||||
onStop: function() {
|
||||
console.log('Have a great day ahead!!');
|
||||
},
|
||||
onSet: function(context) {
|
||||
console.log('All stuff:', context);
|
||||
}
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Picker Translations
|
||||
/***********************************/
|
||||
$('.pickadate-translations').pickadate({
|
||||
formatSubmit: 'dd/mm/yyyy',
|
||||
monthsFull: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
|
||||
monthsShort: ['Jan', 'Fev', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Aou', 'Sep', 'Oct', 'Nov', 'Dec'],
|
||||
weekdaysShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
|
||||
today: 'aujourd\'hui',
|
||||
clear: 'clair',
|
||||
close: 'Fermer'
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Picker min-max range
|
||||
/***********************************/
|
||||
$('.pickadate-minmax').pickadate({
|
||||
dateMin: -8,
|
||||
dateMax: true
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Date Range from & to
|
||||
/***********************************/
|
||||
var from_$input = $('#picker_from').pickadate(),
|
||||
from_picker = from_$input.pickadate('picker');
|
||||
|
||||
var to_$input = $('#picker_to').pickadate(),
|
||||
to_picker = to_$input.pickadate('picker');
|
||||
|
||||
|
||||
if (from_picker.get('value')) {
|
||||
to_picker.set('min', from_picker.get('select'));
|
||||
}
|
||||
if (to_picker.get('value')) {
|
||||
from_picker.set('max', to_picker.get('select'));
|
||||
}
|
||||
|
||||
from_picker.on('set', function(event) {
|
||||
if (event.select) {
|
||||
to_picker.set('min', from_picker.get('select'));
|
||||
} else if ('clear' in event) {
|
||||
to_picker.set('min', false);
|
||||
}
|
||||
});
|
||||
to_picker.on('set', function(event) {
|
||||
if (event.select) {
|
||||
from_picker.set('max', to_picker.get('select'));
|
||||
} else if ('clear' in event) {
|
||||
from_picker.set('max', false);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/***********************************/
|
||||
//Pick-a-time Picker
|
||||
/***********************************/
|
||||
/***********************************/
|
||||
// Basic time
|
||||
/***********************************/
|
||||
$('.pickatime').pickatime();
|
||||
|
||||
/***********************************/
|
||||
// Hide Button
|
||||
/***********************************/
|
||||
$('.pickatime-button').pickatime({
|
||||
clear: '',
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Format options
|
||||
/***********************************/
|
||||
$('.pickatime-format').pickatime({
|
||||
format: 'T!ime selected: h:i a',
|
||||
formatLabel: 'h:i a',
|
||||
formatSubmit: 'HH:i',
|
||||
hiddenPrefix: 'prefix__',
|
||||
hiddenSuffix: '__suffix'
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Format options
|
||||
/***********************************/
|
||||
$('.pickatime-formatTime-display').pickatime({
|
||||
format: 'T!ime selected: h:i a',
|
||||
formatLabel: '<b>h</b>:i <!i>a</!i>',
|
||||
formatSubmit: 'HH:i',
|
||||
hiddenPrefix: 'prefix__',
|
||||
hiddenSuffix: '__suffix'
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Format options
|
||||
/***********************************/
|
||||
$('.pickatime-format-label').pickatime({
|
||||
formatLabel: function(time) {
|
||||
var hours = (time.pick - this.get('now').pick) / 60,
|
||||
label = hours < 0 ? ' !hours to now' : hours > 0 ? ' !hours from now' : 'now';
|
||||
return 'h:i a <sm!all>' + (hours ? Math.abs(hours) : '') + label + '</sm!all>';
|
||||
}
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Date range to select
|
||||
/***********************************/
|
||||
$('.pickatime-minmax-range').pickatime({
|
||||
min: new Date(2018, 3, 20, 7),
|
||||
max: new Date(2018, 7, 14, 18, 30)
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Time using Integer & Boolean
|
||||
/***********************************/
|
||||
$('.pickatime-time-limits').pickatime({
|
||||
min: -5,
|
||||
max: true
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Intervals
|
||||
/***********************************/
|
||||
$('.pickatime-intervals').pickatime({
|
||||
interval: 150
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Diasable Time sets
|
||||
/***********************************/
|
||||
$('.pickatime-disable').pickatime({
|
||||
// Disable Using Javascript
|
||||
disable: [
|
||||
new Date(2016, 3, 20, 4, 30),
|
||||
new Date(2016, 3, 20, 9)
|
||||
]
|
||||
// Disable Using Array
|
||||
/*disable: [
|
||||
[0,30],
|
||||
[2,0],
|
||||
[8,30],
|
||||
[9,0]
|
||||
]*/
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Disable using integers
|
||||
/***********************************/
|
||||
$('.pickatime-timedisable-integer').pickatime({
|
||||
disable: [
|
||||
3, 5, 7, 13, 17, 21
|
||||
]
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Disable using object
|
||||
/***********************************/
|
||||
$('.pickatime-timedisable-object').pickatime({
|
||||
disable: [
|
||||
{ from: [2, 0], to: [5, 30] }
|
||||
]
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Disable All
|
||||
/***********************************/
|
||||
$('.pickatime-disable-all').pickatime({
|
||||
disable: [
|
||||
true,
|
||||
3, 5, 7, [0, 30],
|
||||
[2, 0],
|
||||
[8, 30],
|
||||
[9, 0]
|
||||
]
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Close on a user action
|
||||
/***********************************/
|
||||
$('.pickatime-closeuser-action').pickatime({
|
||||
closeOnSelect: false,
|
||||
closeOnClear: false
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Events
|
||||
/***********************************/
|
||||
$('.pickatime-events').pickatime({
|
||||
onStart: function() {
|
||||
console.log('Hello there :)');
|
||||
},
|
||||
onRender: function() {
|
||||
console.log('Whoa.. rendered anew');
|
||||
},
|
||||
onOpen: function() {
|
||||
console.log('Opened up');
|
||||
},
|
||||
onClose: function() {
|
||||
console.log("Closed now");
|
||||
},
|
||||
onStop: function() {
|
||||
console.log('See ya.');
|
||||
},
|
||||
onSet: function(context) {
|
||||
console.log('Just set stuff:', context);
|
||||
}
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Picker Translations
|
||||
/***********************************/
|
||||
$('.pickatime-translations').pickatime({
|
||||
formatSubmit: 'dd/mm/yyyy',
|
||||
monthsFull: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
|
||||
monthsShort: ['Jan', 'Fev', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Aou', 'Sep', 'Oct', 'Nov', 'Dec'],
|
||||
weekdaysShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
|
||||
today: 'aujourd\'hui',
|
||||
clear: 'clair',
|
||||
close: 'Fermer'
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// 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,
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Date Limit
|
||||
/***********************************/
|
||||
$('.openRight').daterangepicker({
|
||||
opens: "left" // left/right/center
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Date Limit
|
||||
/***********************************/
|
||||
$('.drops').daterangepicker({
|
||||
drops: "up" // up/down
|
||||
});
|
||||
|
||||
/***********************************/
|
||||
// Date Limit
|
||||
/***********************************/
|
||||
$('.buttonClass').daterangepicker({
|
||||
drops: "up",
|
||||
buttonClasses: "btn",
|
||||
applyClass: "btn-info",
|
||||
cancelClass: "btn-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: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi','Samedi'],
|
||||
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
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user