Visually distorted date picker

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]

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

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

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

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

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

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

[msajadi824]

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

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

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

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

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

[msajadi824]

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

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