First Initial

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>'
+        }
+    });
+
+
+
+});
+
+
+