form-components.js
3.68 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
$(function () {
//BEGIN PLUGINS DATE RANGE PICKER
$('input[name="daterangepicker-default"]').daterangepicker();
$('input[name="daterangepicker-date-time"]').daterangepicker({ timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A' });
$('.reportrange').daterangepicker(
{
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
'Last 7 Days': [moment().subtract('days', 6), moment()],
'Last 30 Days': [moment().subtract('days', 29), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
},
startDate: moment().subtract('days', 29),
endDate: moment()
},
function (start, end) {
$('.reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
}
);
$('.reportrange span').html(moment().subtract('days', 29).format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
//END PLUGINS DATE RANGE PICKER
//BEGIN PLUGINS DATE PICKER
$('.datepicker-default').datepicker();
$('.datepicker-years').datepicker({
startView: 1,
minViewMode: 2
});
$('.input-daterange').datepicker({
format: "dd-mm-yyyy"
});
$('.datepicker-inline').datepicker({
format: "dd-mm-yyyy",
startView: 2,
minViewMode: 1
});
//END PLUGINS DATE PICKER
//BEGIN PLUGINS DATETIME PICKER
$('.datetimepicker-default').datetimepicker();
$('.datetimepicker-disable-date').datetimepicker({
pickDate: false
});
$('.datetimepicker-disable-time').datetimepicker({
pickTime: false
});
$('.datetimepicker-start').datetimepicker();
$('.datetimepicker-end').datetimepicker();
$('.datetimepicker-start').on("change.dp", function (e) {
$('.datetimepicker-end').data("DateTimePicker").setStartDate(e.date);
});
$('.datetimepicker-end').on("change.dp", function (e) {
$('.datetimepicker-start').data("DateTimePicker").setEndDate(e.date);
});
//END PLUGINS DATETIME PICKER
//BEGIN PLUGINS TIME PICKER
$('.timepicker-default').timepicker();
$('.timepicker-24hr').timepicker({
autoclose: true,
minuteStep: 1,
showSeconds: true,
showMeridian: false
});
//END PLUGINS TIME PICKER
//BEGIN PLUGINS CLOCKFACE TIME PICKER
$('.clockface-default').clockface();
$('.clockface-component').clockface({
format: 'HH:mm',
trigger: 'manual'
});
$('#btn-clockface-component').click(function (e) {
e.stopPropagation();
$('.clockface-component').clockface('toggle');
});
$('.clockface-inline').clockface({
format: 'H:mm'
}).clockface('show', '14:30');
//END PLUGINS CLOCKFACE TIME PICKER
//BEGIN PLUGINS COLOR PICKER
$('.colorpicker-default').colorpicker();
$('.colorpicker-rgba').colorpicker();
$('.colorpicker-component').colorpicker({
format: 'hex'
}).on('changeColor', function (ev) {
$('.colorpicker-component span i').css('color', ev.color.toHex());
$('.colorpicker-component input').val(ev.color.toHex());
});
//END PLUGINS COLOR PICKER
// BEGIN PLUGIN MASK INPUT
$("#date").mask("99/99/9999");
$("#phone").mask("(999) 999-9999");
$("#product-key").mask("(aa) 99-999")
// END PLUGIN MASK INPUT
});