ارزدیجیتال
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

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

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 جی کوئری , متفرقه
لینک کوتاه مطلب : https://www.20script.ir/?p=24530
کلمات کلیدی پست :
مطالب مرتبط
15,006اسکریپت 9 سبک خاص آیکون های متحرک شبکه های اجتماعی تاریخ : 2016/07/12
11,136پلاگین جی کوئری دکمه اشتراک گذاری مطالب در موبایل تاریخ : 2016/04/30
8,893اسکریپت نمایش فن پیج فیسبوک در وبسایت Famax نسخه 5.3 تاریخ : 2016/03/30
13,990آموزش ایجاد افکت shake + جی کوئری تاریخ : 2014/07/21
18,917اسکریپت افکت گذاری بر روی تصاویر Shape Hover تاریخ : 2014/11/24
20,617اسلاید بندی تصاویر پس زمینه وبسایت با استفاده از backstretch تاریخ : 2014/07/20
10,999Seven Slider اسلایدر فوق العاده زیبا به صورت جی کوئری تاریخ : 2013/11/21
11,064افکت زیبا بر روی تصاویر به صورت جی کوئری تاریخ : 2014/01/17
16,402دانلود ساعت آنالوگ جی کوئری + PSD تاریخ : 2013/11/20
12,084ایجاد انیمیشن متنی با Textillate به صورت جی کوئری تاریخ : 2014/07/13
18,649کد ساعت بسیار زیبای جی کوئری تاریخ : 2018/02/27
7,431مدیریت ساده برچسب ها به صورت جی کوئری تاریخ : 2014/02/15
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file