PDA

View Full Version : حرفه ای: تقویم فارسی جاوااسکریپت با قابلیت تایپ و انتخاب با ماوس



AMIBCT
شنبه 05 آذر 1390, 23:51 عصر
http://amib.ir/weblog/wp-content/uploads/2011/11/jsPerianCalendar.gif


تقویم‌های گوناگونی توسط افراد مختلف نوشته شده‌اند که هر یک مشکلات خاص خود را دارند. برای از بین بردن تمامی مشکلات موجود، تصمیم گرفتم تقویم جدیدی با قابلیت‌های منحصربه‌فرد و بیشترین کارایی را از پایه طراحی و کدنویسی کنم

برای دریافت اطلاعات بیشتر و دانلود آخرین نسخه از تقویم اینجا کلیک کنید (http://amib.ir/weblog/?page_id=316)

AMIBCT
چهارشنبه 16 آذر 1390, 23:01 عصر
نسخه‌ی ۰.۱.۱ منتشر شد

رفع اشکال در دوبار کلیک روی فیلد

برای دریافت آخرین نسخه به نشانی موجود در پست اول مراجعه کنید

AMIBCT
یک شنبه 07 اسفند 1390, 22:57 عصر
نسخه‌ی ۰.۱.۲ منتشر شد

رفع اشکال در تشخیص «۳۰ام اسفند» سال‌های کبیسه اگر کاربر تاریخ را برعکس وارد کند

به پست اول مراجعه کنید

AMIBCT
چهارشنبه 10 اسفند 1390, 22:38 عصر
ویرایش ۰.۱.۲ منتشر شد

افزودن دو قالب جدید «هلویی» و «فیروزه‌ای فسفری» برای استفاده در سایت‌هایی با رنگبندی متفاوت

به پست اول مراجعه کنید

saeedgharedaghi
پنج شنبه 24 فروردین 1391, 02:21 صبح
سلام دوست عزیز، ممنون از لطفت
من از این کنترل اسفاده میکنم ولی نمیتونم به مقادیر تکس باکس ها دسترسی داشته باشم



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-language" content="fa-IR" />
<title>تقویم فارسی جاوااسکریپت - امیب</title>
<link rel="stylesheet" type="text/css" href="main.css" />

<link rel="stylesheet" type="text/css" href="js-persian-cal.css" />
<script type="text/javascript" src="js-persian-cal.js"></script>
</head>

<body>
<div>
تاریخ ۱
<input type="text" id="pcal1" class="pdate" value="" />
تاریخ ۲
<input type="text" id="pcal2" class="pdate" value="" /><br />
تاریخ ۳
<input type="text" id="pcal3" class="pdate" value="" />
تاریخ ۴
<input type="text" id="pcal4" class="pdate" value="" />

YYYYMMDD - yyyymmdd - JD
<input type="text" id="extra" class="pdate wide" value="" />
</div>
<input type="button" value="hasan" onclick="alert(document.getElementById('pcal1').innerValue)">
<p>
توسط: <a href="http://amib.ir/weblog">امیب</a>
</p>
<script type="text/javascript">
var objCal1 = new AMIB.persianCalendar( 'objCal1', 'pcal1' );

var objCal2 = new AMIB.persianCalendar( 'objCal2', 'pcal2' );
var objCal3 = new AMIB.persianCalendar( 'objCal3', 'pcal3' );
var objCal4 = new AMIB.persianCalendar( 'objCal4', 'pcal4', { oExtraInputID: "extra", ExtraInputFormat: "YYYYMMDD - yyyymmdd - JD" } );
</script>
</body>

</html>

AMIBCT
پنج شنبه 24 فروردین 1391, 09:11 صبح
برای خواندن محتوای فیلد از خصوصیت value استفاده کنید

saeedgharedaghi
جمعه 25 فروردین 1391, 10:34 صبح
برای خواندن محتوای فیلد از خصوصیت value استفاده کنید




<input type="button" value="saeed" onclick="alert(document.getElemetByID('pcal1').value)"/>

دوست عزیز من از همون سمپلی که تو وبلاگت داری استفاده کردم جواب نداد

AMIBCT
شنبه 26 فروردین 1391, 10:22 صبح
دوست عزیز
مشکل شما در جاوااسکریپت است و ارتباطی به تقویم ندارم
الان در کدی که بالا نوشتید دو اشکال وجود دارد
کد اصلاح شده را آزمایش کردم و به خوبی کار می‌کند

اشکال را نمی‌گویم تا خودتان بیشتر دقت کنید

saeedgharedaghi
شنبه 26 فروردین 1391, 20:52 عصر
دوست عزیز
مشکل شما در جاوااسکریپت است و ارتباطی به تقویم ندارم
الان در کدی که بالا نوشتید دو اشکال وجود دارد
کد اصلاح شده را آزمایش کردم و به خوبی کار می‌کند

اشکال را نمی‌گویم تا خودتان بیشتر دقت کنید

واقعا ممنون ار لطفت ، خجالتم میدین . . . .

ولی من هر چه فدر دقت میکنم به جایی نمیرسم ، اگه براتون ممکنه لطف کنین بگین اشکال کجاست !

AMIBCT
یک شنبه 27 فروردین 1391, 10:31 صبح
<input type="button" value="hasan" onclick="alert( document.getElementById( 'pcal1' ).value );" />

جاوااسکریپت یکی از سخت‌ترین زبان‌های برنامه نویسی است و با توجه به تفاوت مرورگرها
برای یادگیری روش صحیح برنامه‌نویسی بیشتر باید وقت بگذارید

AMIBCT
چهارشنبه 20 اردیبهشت 1391, 08:28 صبح
ویرایش 0.1.4 منتشر شد

اصلاح محل نمایش تقویم هنگامی که فیلد تاریخ در پایین صفحه قرار گرفته باشد
امکان تغییر نام کلاس عناصر برای قالب‌بندی CSS
اصلاح و بهینه‌سازی کدهای جاوااسکریپت

به پست اول مراجعه کنید

AMIBCT
چهارشنبه 27 اردیبهشت 1391, 22:52 عصر
ویرایش ۰.۱.۵ منتشر شد

توجه اشکالی در نسخه‌ی ۰.۱.۴ وجود داشت. در صورتی که این نسخه را استفاده کردید حتما تقویم را به‌روز رسانی کنید


رفع اشکال به وجود آمده در باز شدن چند تقویم
حذف تمامی دستورات برپایه‌ی eval برای سازگاری با آخرین استانداردهای جاوااسکریپت و افزایش کارایی
اصلاح محل نمایش تقویم در مرورگر IE


به پست اول مراجعه کنید

AMIBCT
جمعه 18 اسفند 1391, 09:50 صبح
نگارش ۰.۲ بتا منتشر شد

این نسخه آزمایشی است. لطفا برای بررسی ویژگی‌های جدید و گزارش خطاهای احتمالی به صفحه‌ی زیر مراجعه کنید

http://amib.ir/weblog/?p=910

Nabi
یک شنبه 20 تیر 1395, 11:48 صبح
ضد تبلیغه مفید! :
http://babakhani.github.io/PersianWebToolkit/datepicker.html