Merge pull request #65 from sterliakov/add_jquery_method

Expose djangoDatetimePicker as jQuery method

Author: monim67

bootstrap_datepicker_plus/static/bootstrap_datepicker_plus/js/datepicker-widget.js

@@ -1,55 +1,78 @@
-jQuery(function ($) {
-    var datepickerDict = {};
-    var isBootstrap4 = $.fn.collapse.Constructor.VERSION.split('.').shift() == "4";
-    function fixMonthEndDate(e, picker) {
-        e.date && picker.val().length && picker.val(e.date.endOf('month').format('YYYY-MM-DD'));
+(function (factory) {
+  if (typeof define === 'function' && define.amd)
+  define(['jquery'], factory)
+  else if (typeof module === 'object' && module.exports)
+  module.exports = factory(require('jquery'))
+  else
+  factory(jQuery)
+}(function ($) {
+  var datepickerDict = {};
+  var isBootstrap4 = $.fn.collapse.Constructor.VERSION.split('.').shift() === "4";
+  function fixMonthEndDate(e, picker) {
+    e.date && picker.val().length && picker.val(e.date.endOf('month').format('YYYY-MM-DD'));
+  }
+  function initOnePicker(element, options) {
+    var $element = $(element), data = {};
+    try {
+      data = JSON.parse($element.attr('dp_config'));
     }
-    $("[dp_config]:not([disabled])").each(function (i, element) {
-        var $element = $(element), data = {};
-        try {
-            data = JSON.parse($element.attr('dp_config'));
-        }
-        catch (x) { }
-        if (data.id && data.options) {
-            data.$element = $element.datetimepicker(data.options);
-            data.datepickerdata = $element.data("DateTimePicker");
-            datepickerDict[data.id] = data;
-            data.$element.next('.input-group-addon').on('click', function(){
-                data.datepickerdata.show();
-            });
-            if(isBootstrap4){
-                data.$element.on("dp.show", function (e) {
-                    $('.collapse.in').addClass('show');
-                });
-            }
-        }
+    catch (x) { }
+    $.extend(1, data.options, options);
+    if (data.id && data.options) {
+      data.$element = $element.datetimepicker(data.options);
+      data.datepickerdata = $element.data("DateTimePicker");
+      data.$element.next('.input-group-addon').on('click', function() {
+        data.datepickerdata.show();
+      });
+      if (isBootstrap4) {
+        data.$element.on("dp.show", function(e) {
+          $('.collapse.in').addClass('show');
+        });
+      }
+    }
+    return data;
+  };
+  function initLinkedPickers(to_picker) {
+    var from_picker = datepickerDict[to_picker.linked_to];
+    from_picker.datepickerdata.maxDate(to_picker.datepickerdata.date() || false);
+    to_picker.datepickerdata.minDate(from_picker.datepickerdata.date() || false);
+    from_picker.$element.on("dp.change", function (e) {
+      to_picker.datepickerdata.minDate(e.date || false);
     });
-    $.each(datepickerDict, function (id, to_picker) {
-        if (to_picker.linked_to) {
-            var from_picker = datepickerDict[to_picker.linked_to];
-            from_picker.datepickerdata.maxDate(to_picker.datepickerdata.date() || false);
-            to_picker.datepickerdata.minDate(from_picker.datepickerdata.date() || false);
-            from_picker.$element.on("dp.change", function (e) {
-                to_picker.datepickerdata.minDate(e.date || false);
-            });
-            to_picker.$element.on("dp.change", function (e) {
-                if (to_picker.picker_type == 'MONTH') fixMonthEndDate(e, to_picker.$element);
-                from_picker.datepickerdata.maxDate(e.date || false);
-            });
-            if (to_picker.picker_type == 'MONTH') {
-                to_picker.$element.on("dp.hide", function (e) {
-                    fixMonthEndDate(e, to_picker.$element);
-                });
-                fixMonthEndDate({ date: to_picker.datepickerdata.date() }, to_picker.$element);
-            }
-        }
+    to_picker.$element.on("dp.change", function (e) {
+      if (to_picker.picker_type == 'MONTH') fixMonthEndDate(e, to_picker.$element);
+      from_picker.datepickerdata.maxDate(e.date || false);
     });
-    if(isBootstrap4) {
-        $('body').on('show.bs.collapse','.bootstrap-datetimepicker-widget .collapse',function(e){
-            $(e.target).addClass('in');
-        });
-        $('body').on('hidden.bs.collapse','.bootstrap-datetimepicker-widget .collapse',function(e){
-            $(e.target).removeClass('in');
-        });
+    if (to_picker.picker_type == 'MONTH') {
+      to_picker.$element.on("dp.hide", function (e) {
+        fixMonthEndDate(e, to_picker.$element);
+      });
+      fixMonthEndDate({ date: to_picker.datepickerdata.date() }, to_picker.$element);
+    }
+  };
+  $.fn.djangoDatetimePicker = function(options){
+    options = options || {};
+    var newPickers = {};
+    $.each(this, function (i, element) {
+      var picker = initOnePicker($(element), options);
+      newPickers[picker.id] = picker;
+    });
+    $.extend(datepickerDict, newPickers);
+    $.each(newPickers, function (i, picker) {
+      if (picker.linked_to)
+        initLinkedPickers(picker);
+    });
+    return this;
+  }
+  $(function(){
+    $("[dp_config]:not([disabled])").djangoDatetimePicker();
+    if (isBootstrap4) {
+      $('body').on('show.bs.collapse','.bootstrap-datetimepicker-widget .collapse',function(e){
+        $(e.target).addClass('in');
+      });
+      $('body').on('hidden.bs.collapse','.bootstrap-datetimepicker-widget .collapse',function(e){
+        $(e.target).removeClass('in');
+      });
     }
-});
+  });
+}));