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

اسکریپت جی کوئری تاریخچین با طراحی متریال 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
کلمات کلیدی پست :
مطالب مرتبط
12,289فرم جستجو به صورت CSS , جی کوئری + PSD تاریخ : 2013/12/27
7,976دانلود قالب HTML بخش مدیریت MaterialPro تاریخ : 2019/02/17
13,670دانلود فرم ارسال دیدگاه بسیار زیبا جی کوئری تاریخ : 2013/11/24
15,412نمایش متون دلخواه به صورت لایت باکس تاریخ : 2014/08/12
20,858افزونه ساخت تب های حرفه ای در وردپرس CodeTabs تاریخ : 2017/12/17
12,057افکت گذاری بسیار زیبا بر روی تصاویر با جی کوئری تاریخ : 2014/03/8
10,683پلاگین جی کوئری زیبا ساز چک باکس تاریخ : 2014/07/21
8,632گالری پیشرفت نوار بسیار حرفه ای جی کوئری تاریخ : 2013/11/25
8,544پلاگین سنجاق کردت تصاویر با جی کوئری تاریخ : 2016/02/20
11,794فهرست آبشاری با بهره گیری از جی کوئری تاریخ : 2014/07/29
7,452دانلود قالب HTML مدیریت وب سایت AngularJS تاریخ : 2019/01/23
13,067اسلایدر بسیار پیشرفته جی کوئری در ۱۴ طرح تاریخ : 2013/11/24
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file