Fix datepicker for inline admin (#263)

fix #255
slashmili · Oct 22, 2024 · be8d97d · be8d97d
1 parent c23cd27
commit be8d97d
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 8 deletions.
diff --git a/django_jalali/static/admin/css/main.css b/django_jalali/static/admin/css/main.css
@@ -1,3 +1,7 @@
 img.ui-datepicker-trigger {
-    height: 15px;
+    height: 16px;
+    width: 16px;
+    margin-top: auto;
+    margin-bottom: auto;
+    padding: 5px;
 }
diff --git a/django_jalali/static/admin/main.js b/django_jalali/static/admin/main.js
@@ -1,11 +1,32 @@
 $(function () {
+    function activateDatepicker() {
+        $('.vjDateField').each(function() {
+            var inputId = $(this).attr('id') || '';
+            if (inputId.includes('__prefix__')) {
+                return;
+            }
+
+            $(this).datepicker({
+                dateFormat: "yy-mm-dd",
+                changeMonth: true,
+                changeYear: true,
+                showOn: "both",
+                buttonImage: "/static/admin/jquery.ui.datepicker.jalali/themes/base/images/icon-calendar.svg",
+                buttonImageOnly: true,
+                isRTL: false,
+                buttonText: "یک تاریخ انتخاب کنید",
+            });
+        });
+    }
+
     if (!$.datepicker){$ = django.jQuery;}
-    $('.vjDateField').datepicker({
-        dateFormat: 'yy-mm-dd',
-        changeMonth: true,
-        changeYear: true,
-        showOn: 'button',
-        buttonImage: '/static/admin/jquery.ui.datepicker.jalali/themes/base/images/icon-calendar.svg',
-        buttonImageOnly: true
+    activateDatepicker();
+
+    $(document).on('formset:added', function(event, $row, formsetName) {
+        activateDatepicker();
+    });
+
+    $(document).on('formset:removed', function(event, $row, formsetName) {
+        activateDatepicker();
     });
 });