ورود

View Full Version : آموزش: انتخاب تاریخ شمسی در اینتراوب بااستفاده از( DatePicker در jQuery)


ariopax
چهارشنبه 07 آبان 1393, 22:30 عصر
سلام به همه ی دوستان .

برنامه نمونه یه تقویم نوشته شده در jquery که از وبسایت http://hasheminezhad.com/datepicker دانلود کرده ام رو باز میکنه

125100125101125102125103


125104
mrm0101
چهارشنبه 07 آبان 1393, 23:33 عصر
سلام . اگه می شه سورس برنامه یا یک راهنما در مورد کارتون بذارید
با تشکر
ariopax
پنج شنبه 08 آبان 1393, 14:45 عصر
باسلام .

چند وقت پیش که من دنبال شمسی کردنش بودم توضیحات رو توی این تاپیک (تاریخ شمسی در اینتراوب (http://barnamenevis.org/showthread.php?467060-%D8%AA%D8%A7%D8%B1%DB%8C%D8%AE-%D8%B4%D9%85%D8%B3%DB%8C-%D8%AF%D8%B1-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D8%A7%D9%88%D8%A8)) داده ام .واما توضیحات بیشتر:

در یونیت ServerController تمامی فایلها رو در رخداد OnCreate لود کنید باین دستور

ContentFiles.Add('cupertino/jquery-ui-1.10.0.custom.min.css');

وسپس در ادیت موردنظر با استفاده از دستوراتی که در سایت http://hasheminezhad.com/datepicker گذاشته شده بصورت زیر در رخداد OnCreate فرم کدنویسی کنید

TIWJQueryWidget.OnReady.Text := '$(''.cal'').datepicker();';

البته قبل از این یک شی TIWJQueryWidget روی فرم بگذارید .درضمن Css ادیت را باتوجه به دستورات جاوا اسکریپت تنظیم کنید.

یک مثال نمونه در دموهای اینتراوب 14 به بالا هست با این نام jQueryDatePicker میتونید اون رو هم باز کرده و همه ی اینها رو اونجا ملاحظه بفرمائید .البته چند روز آینده سورس خودمم هم میگذارم .(چون خیلی کدهای اضافه رو اونجا تست کرده ام وباید شسته رفته تحویل دوستان بدم)

باتشکر از بذل توجه دوستان
mrm0101
پنج شنبه 08 آبان 1393, 23:11 عصر
سلام
منم همه مراحل را رفتم
فقط برای صدا زدن تابع دقیق همین کد هم برای تاریخ شمسی نیاز است ؟
TIWJQueryWidget.OnReady.Text := '$(''.cal'').datepicker();';

با این کد کار نمی کنه . اگر کد دیگه ای برای فراخواندن توسط سازنده تعریف شده و شما استفاده کردید بگید .
با تشکر
ariopax
پنج شنبه 08 آبان 1393, 23:24 عصر
سلام
در سایت http://hasheminezhad.com/datepicker در قسمت مثالها ملاحظه بفرمائید... اگر هر کدام را بخواهیدقسمت Css عوض میشود وهیچ مشکلی نیست .اگر هم بهمین صورت کد را بنویسید حالت پیشفرض باز میشود .پیشنهاد بنده اینستکه مثال اینتراوب را باز کرده و فایلهائی که در پوشه مثال بنده موجود است را جایگزین کرده و آنها را فراخوانی کنید وبه هیچ قسمت دیگه ائی دست نزنید .من هم سعی میکنم ظرف دوسه روز آینده سورس رو مرتب کنم وبرای استفاده دوستان بگذارم .

با احترام
mrm0101
جمعه 09 آبان 1393, 00:05 صبح
من همان کار را کردم اما نشد
به نظر من مشکل در فرا خواندن تابع با این کد است
jQuery.OnReady.Text := '$(''.cal'').datepicker();';

شما دقیفا با همین دستور فراخوانی کردید
ariopax
جمعه 09 آبان 1393, 17:50 عصر
سلام

بنده عرض کردم .همون مثال اینتراوب را باز کنید.وفقط فایلها را جایگزین کرده ودر برنامه نیز فراخوانی کنید .درمثال هم همین دستور استفاده شده ...
ariopax
جمعه 09 آبان 1393, 20:54 عصر
سلام به همه


این هم سورس برنامه (دلفی XE2 و اینتراوب 14.0.32 استفاده شده .- البته فایلهای DCU اینتراوب 14.0.32 همراه برنامه هست )
mrm0101
شنبه 10 آبان 1393, 02:14 صبح
دستتون درد نکنه درست شد . اما تاریخ ها را بر غکس می نویسه . مشکل از کد جاوا است یا تو دلفی باید تغییرش داد؟
ariopax
شنبه 10 آبان 1393, 09:44 صبح
سلام

خصوصیت RightToLeft فرم رو False بگذارید.ویا یک فایل CSS ایجاد نموده کد زیر زا داخل آن کپی کرده و در برنامه لود کنید




div, p, textarea, td, span
}
; unicode-bidi: bidi-override
; direction: rtl


{
mrm0101
چهارشنبه 14 آبان 1393, 23:21 عصر
اگه ممکنه برای راست به چپ تاریخ هم یه مثال بگذارید . با تشکر
mrm0101
شنبه 15 آذر 1393, 11:40 صبح
با سلام

اون هم حل شد از تابع زیر استفاده کنید


$(".datepicker3").datepicker({
dateFormat: 'yy/mm/dd'
});