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

اسکریپت جی کوئری تاریخچین با طراحی متریال 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
کلمات کلیدی پست :
مطالب مرتبط
7,450روبان بسیار زیبای متحرک به صورت جی کوئری تاریخ : 2014/03/28
19,865قالب بسیار زیبای هاستینگ به صورت HTML تاریخ : 2014/07/27
10,996دانلود قالب HTML متریال Jumbo React تاریخ : 2019/01/27
10,181افزونه حرفه ای مکعب نمونه کارها تاریخ : 2013/12/15
14,050ساخت گالری تصاویر کاملا واکنش گرا با جی کوئری تاریخ : 2014/11/9
5,968دانلود قالب PSD سایت فروشگاهی Pika تاریخ : 2019/07/18
11,608اسکریپت ایجاد صفحات Flip Book با اسکریپت WOWBook تاریخ : 2013/10/29
13,020دانلود قالب متریال دیزاین Materialize برای وردپرس تاریخ : 2018/04/27
13,256دانلود نرم افزار ساخت اسلایدر جی کوئری Amazing Slider تاریخ : 2018/04/2
8,211پلاگین جی کوئری زیبا ساز چک باکس تاریخ : 2014/07/21
6,739دانلود عنصر های انتخاب بسیار زیبا جی کوئری تاریخ : 2013/12/3
6,952دانلود قالب HTML بخش مدیریت وب سایت Spice Hotel تاریخ : 2019/02/3
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
سئو سایت
تبلیغات