search

msajadi824 / simple-date-bundle

A bundle for persian date in Symfony2
8 stars 2 forks source link

Visually distorted date picker #2

Open pmpr opened 6 years ago

pmpr commented 6 years ago

Thank you for this nice work on Jalali calendar. Each Persian Symfony web application, really needs some sort of date picker.

Despite of simple installation steps, I ended up with a working, but visually distorted Date Picker. I know that you ported that from Mds92/MD.BootstrapPersianDateTimePicker, but I dont have an idea what the cause is!

Distorted Datepicker

Notes

  1. I have added required css & js files to the head & bottom of the page
  2. There are no errors in console and console is clear
msajadi824 commented 6 years ago

سلام. زبان انگلیسی من مثل شما خوب نیست، برای همین فارسی مینویسم.

به 2 دلیل از Mds92/MD.BootstrapPersianDateTimePicker استفاده کردم:

  1. این ابزار انتخاب تاریخ، قابلیت تغییر تقویم به فارسی و انگلیسی به صورت هم زمان داره. یعنی با تغییر یک آپشن میشه تقویم شمسی کامل و تقویم میلادی کامل داشت و این قابلیت برای سایت های دو زبانه خیلی لازمه. همچنین قابلیتی به فرم اضافه کردم به صورت پیشفرض زبان رو از سشن میخونه و با استفاده از زبان جاری کاربر، تقویم فیلد انتخاب زبان خودکار انتخاب میشه.
  2. این ابزار قابلیت انتخاب ساعت هم داره که در خیلی موارد لازمه.

مشکلی که این ابزار داره، محدودیت تقویم فقط به میلادی و شمسی هست. خوشحال میشم که ابزار بهتری رو به من معرفی کنید.

با تشکر، سجادی

pmpr commented 6 years ago

با سلام و تشکر از شما راستش مشکل من در نصب باندل شماست طبق روال مذکور در مستندات اقدام به نصب کردم ولی شکل نهایی date picker علیرغم اینکه به درستی کار میکنه، به هم ریخته است و در کل عرض سایت پخش میشه کلیه مراحل رو طی کردم و فایل css هم ب درستی در head اضافه شده نمیدونم مشکل از کجاست لینک تصویر screen shot از وضعیت مشکل در متن سوال اومده بنظرتون مشکل از کجاست؟

msajadi824 commented 6 years ago

بررسی کنید که فایل سی اس اس رو اضافه کرده باشید. همچنین این ابزار نیاز به بوت استرپ و جی کوئری داره. همچنین احتمال داره که مشکل از ابزار راست چین بوت استرپ باشه من برای راست چین کردن بوت استرپ از این استفاده کردم: https://github.com/morteza/bootstrap-rtl

pmpr commented 6 years ago

‫ مشکل اینجاست که همه این موارد به درستی اجرا شدن

‫ هم jquery.Bootstrap-PersianDateTimePicker.css ‫ هم jquery 1.12.4 ‫ هم bootstrap 3.3.7 ‫ هم morteza/bootstrap-rtl 3.4

‫ نمیدونم دیگه چیو باید بررسی کنم

‫ فقط jquery رو ظاهرا لازمه که در head قرار بدیم که خب این کار رو هم کردم و از انتهای صفحه آوردمش بالا در head قرار دادم ولی باز ظاهر date picker به هم ریخته است

msajadi824 commented 6 years ago

اگه از bootstrap-rtl استفاده کردین، کامنتش کنید ببنید از اون نیست.

به نظرم Bootstrap-PersianDateTimePicker رو از سایت اصلیش بگیرید و در یک فایل اچ تی ام ال خالی تست کنید ببینید درست یا نه. یا مثال های خودشو ببینید درست باز می کنه یا نه