تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

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

جی کوئری , متفرقه

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

اسکریپت جی کوئری تاریخچین با طراحی متریال 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 تغییر بدید.

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

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

دانلود نسخه : 3.0

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
هاست وردپرس پرسرعت لیموهاست - آپ تایم 99% - مخصوص وردپرس خرید هاست >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 جی کوئری , متفرقه
لینک کوتاه مطلب : https://www.20script.ir/?p=24530
کلمات کلیدی پست :
مطالب مرتبط
13,561کد ساعت بسیار زیبای جی کوئری تاریخ : 2018/02/27
11,710اسکریپت 9 سبک خاص آیکون های متحرک شبکه های اجتماعی تاریخ : 2016/07/12
5,124دانلود قالب PSD سایت فروشگاهی Pika تاریخ : 2019/07/18
15,982اسلایدر واکنش گرا و قابل برنامه ریزی به صورت جی کوئری تاریخ : 2014/09/17
10,958اسکریپت اسلایدر جی کوئری Zoom In/Out نسخه 2.0 تاریخ : 2016/05/17
16,869آموزش ساخت تب جی کوئری و سی اس اس تاریخ : 2014/09/2
10,748اسکریپت ایجاد صفحات Flip Book با اسکریپت WOWBook تاریخ : 2013/10/29
10,047نمایش تصاویر به سبک تم فارست با جی کوئری تاریخ : 2014/07/26
7,050روبان بسیار زیبای متحرک به صورت جی کوئری تاریخ : 2014/03/28
5,688دانلود 180 تمپلیت رابط کاربری اپلیکیشن UI Templates for IOS تاریخ : 2018/11/27
10,112اسلاید تمام صفحه و لغزان به صورت جی کوئری تاریخ : 2016/08/3
9,091اسلایدر بسیار پیشرفته جی کوئری در ۱۴ طرح تاریخ : 2013/11/24
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات