Use data-dp-config HTML attribute for inputs

This commit addresses issue #28

Author: monim67

bootstrap_datepicker_plus/_base.py

@@ -112,7 +112,7 @@ def get_context(self, name, value, attrs):
         """Return widget context dictionary."""
         # pylint: disable=no-member
         context = super().get_context(name, value, attrs)
-        context["widget"]["attrs"]["dp_config"] = json_dumps(self.config)
+        context["widget"]["attrs"]["data-dp-config"] = json_dumps(self.config)
         return context
 
     def start_of(self, event_id):

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

@@ -16,7 +16,7 @@
   function initOnePicker(element, options) {
     var $element = $(element), data = {};
     try {
-      data = JSON.parse($element.attr('dp_config'));
+      data = JSON.parse($element.attr('data-dp-config'));
     }
     catch (x) { }
     $.extend(1, data.options, options);
@@ -67,7 +67,7 @@
     return this;
   }
   $(function(){
-    $("[dp_config]:not([disabled])").djangoDatetimePicker();
+    $("[data-dp-config]:not([disabled])").djangoDatetimePicker();
     if (isBootstrap4 || isBootstrap5) {
       $('body').on('show.bs.collapse','.bootstrap-datetimepicker-widget .collapse',function(e){
         $(e.target).addClass('in');

tests/test_context_render.py

@@ -19,7 +19,7 @@ def test_get_context(self):
         self.assertEqual(context["widget"]["name"], "input_name")
         self.assertEqual(context["widget"]["value"], "2018-04-12")
         self.assertTrue(
-            context["widget"]["attrs"]["dp_config"] == json_dumps(dp_input.config)
+            context["widget"]["attrs"]["data-dp-config"] == json_dumps(dp_input.config)
         )
 
     def test_date_input_snapshot(self):