اسکریپت جی کوئری تاریخچین با طراحی متریال

اسکریپت DateDropper، پلاگین جی کوئری ساده و پر کاربردیه که با طراحی زیبای متریال، قابلیت سفارشی سازی بالا و استفاده از انیمشین های جذاب در انتخاب تاریخ؛ امکانات فوق العاده ای رو در اختیار شما توسعه دهنده عزیز قرار میده. این اسکریپت از زبانهای مختلفی پشتیبانی میکنه که فارسی هم جزئی از اونهاست، علاوه بر این آپشن های مختلفی هم وجود داره که کار توسعه و سفارشی سازی رو خیلی خیلی راحت کردند.

یک مثال از نحوه استفاده

۱- فایل کتابخانه های پلاگین رو دانلود و در صفحه فراخوانی میکنیم. (توجه داشته باشید که کتابخانه datedropper.js حتما باید بعد از کتابخانه JQuery قرار بگیره)

۲- برای استفاده از این اسکریپت، نیاز به تگ input با نوع text داریم که میتونه داخل یک form هم قرار بگیره. (مثال : <input type=”text” />)

۳- با فراخوانی سلکتور -مربوط به تگ input بالایی- در تابع ()dateDropper، اسکریپت رو در صفحه اجرا میکنیم.

<!doctype html>
<html>
<head>
<!-- custom css -->
<link href="datedropper.css" rel="stylesheet" type="text/css" />
<!-- jQuery lib -->
<script src="jquery.min.js"></script>
<!-- dateDropper lib -->
<script src="datedropper.js"></script>
</head>
<body>
<!-- tag element -->
<input type="text" />
<!-- init dateDropper -->
<script>
$('input').dateDropper();
</script>
</body>
</html>

* نکته : در این مثال ما از سلکتور عمومی input استفاده کردیم که در نمونه واقعی برای فرم ها ایجاد مشکل میکنه! موقع استفاده حتما این سلکتور رو به یک نام class یا ID تغییر بدید.

برای مشاهده آپشن ها و مطالعه مستندات بیشتر، لطفا به صفحه افزونه مراجعه کنید...

دیدگاه کاربران در مورد این نوشته

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

    توسط احسان پاسخ

دیدگاه خود را بیان کنید