First Initial

wwwroot/BackendScript/js/pickers/init-color-picker.js

@@ -0,0 +1,28 @@
+
+//color picker start
+
+$(function(){
+
+    $('#cp1').colorpicker();
+
+    $('#cp2, #cp3a, #cp3b').colorpicker();
+    $('#cp4').colorpicker({"color": "#eac459"});
+
+    $('#cp5').colorpicker({
+        format: null
+    });
+
+    $('#cp5b').colorpicker({
+        format: "rgba"
+    });
+
+    $('#cp6').colorpicker({
+        horizontal: true
+    });
+
+});
+
+
+
+
+

wwwroot/BackendScript/js/pickers/init-date-picker.js

@@ -0,0 +1,79 @@
+
+//date picker start
+
+$(function(){
+
+    $('.date-picker-input').datepicker({
+        format: 'mm-dd-yyyy',
+        autoclose: true,
+        orientation: "bottom",
+        templates: {
+            leftArrow: '<i class="fa fa-angle-left"></i>',
+            rightArrow: '<i class="fa fa-angle-right"></i>'
+        }
+    });
+
+
+
+    $('.dpYears').datepicker({
+        autoclose: true,
+        orientation: "bottom",
+        templates: {
+            leftArrow: '<i class="fa fa-angle-left"></i>',
+            rightArrow: '<i class="fa fa-angle-right"></i>'
+        }
+    });
+
+    // month & date only
+    $('.dpMonths').datepicker({
+        format: 'mm-dd',
+        autoclose: true,
+        orientation: "bottom",
+        templates: {
+            leftArrow: '<i class="fa fa-angle-left"></i>',
+            rightArrow: '<i class="fa fa-angle-right"></i>'
+        }
+    });
+
+
+    var checkin = $('.dpd1').datepicker({
+        onRender: function(date) {
+            return date.valueOf() < now.valueOf() ? 'disabled' : '';
+        }
+    }).on('changeDate', function(ev) {
+        if (ev.date.valueOf() > checkout.date.valueOf()) {
+            var newDate = new Date(ev.date)
+            newDate.setDate(newDate.getDate() + 1);
+            checkout.setValue(newDate);
+        }
+        checkin.hide();
+
+        $('.dpd2')[0].focus();
+    }).data('datepicker');
+    var checkout = $('.dpd2').datepicker({
+        onRender: function(date) {
+            return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
+        }
+    }).on('changeDate', function(ev) {
+        checkout.hide();
+    }).data('datepicker');
+
+    // enable clear button
+    $('#helper-datepicker').datepicker({
+        todayBtn: "linked",
+        clearBtn: true,
+        autoclose: true,
+        todayHighlight: true,
+        orientation: "bottom",
+        templates: {
+            leftArrow: '<i class="fa fa-angle-left"></i>',
+            rightArrow: '<i class="fa fa-angle-right"></i>'
+        }
+    });
+
+
+
+});
+
+
+

wwwroot/BackendScript/js/pickers/init-datetime-picker.js

@@ -0,0 +1,75 @@
+
+//datetime picker start
+
+$(function(){
+
+    $(".form_datetime").datetimepicker({
+        format: 'yyyy-mm-dd hh:ii',
+        autoclose: true,
+        todayBtn: true,
+        pickerPosition: "bottom-left",
+        templates: {
+            leftArrow: '<i class="fa fa-angle-left"></i>',
+            rightArrow: '<i class="fa fa-angle-right"></i>'
+        }
+
+    });
+
+
+    $(".form_datetime-component").datetimepicker({
+        format: "dd MM yyyy - hh:ii",
+        autoclose: true,
+        todayBtn: true,
+        pickerPosition: "bottom-left",
+        templates: {
+            leftArrow: '<i class="fa fa-angle-left"></i>',
+            rightArrow: '<i class="fa fa-angle-right"></i>'
+        }
+    });
+
+    $(".form_datetime-adv").datetimepicker({
+        format: "dd MM yyyy - hh:ii",
+        autoclose: true,
+        todayBtn: true,
+        startDate: "2013-02-14 10:00",
+        minuteStep: 10,
+        pickerPosition: "bottom-left",
+        templates: {
+            leftArrow: '<i class="fa fa-angle-left"></i>',
+            rightArrow: '<i class="fa fa-angle-right"></i>'
+        }
+
+    });
+
+    $(".form_datetime-meridian").datetimepicker({
+        format: "dd MM yyyy - HH:ii P",
+        // format: 'yyyy-mm-dd hh:ii',
+        showMeridian: true,
+        autoclose: true,
+        todayBtn: true,
+        pickerPosition: "bottom-left",
+        templates: {
+            leftArrow: '<i class="fa fa-angle-left"></i>',
+            rightArrow: '<i class="fa fa-angle-right"></i>'
+        }
+    });
+
+//    time pickers
+
+    $('.timepicker-default').timepicker();
+
+    $('.timepicker-24').timepicker({
+        autoclose: true,
+        minuteStep: 1,
+        showSeconds: true,
+        showMeridian: false,
+        pickerPosition: "top-left"
+    });
+
+
+});
+
+
+
+
+