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

تبلیغات
تبلیغات تبلیغات

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

موفق باشید

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


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 جی کوئری , متفرقه
لینک کوتاه مطلب : https://www.20script.ir/?p=24530
کلمات کلیدی پست :
مطالب مرتبط
6,070آپلود سنتر فایل به صورت جی کوئری تاریخ : 2014/02/5
8,300اسلاید تمام صفحه و لغزان به صورت جی کوئری تاریخ : 2016/08/3
10,472نمایش متون دلخواه به صورت لایت باکس تاریخ : 2014/08/12
3,820دانلود 180 تمپلیت رابط کاربری اپلیکیشن UI Templates for IOS تاریخ : 2018/11/27
9,365اسکریپت اسلاید Coverflow به صورت 3D با jQuery و CSS3 تاریخ : 2014/09/9
7,166اسکریپت جی کوئری بنر های اسلایدی با طرح کاشی تاریخ : 2016/06/1
8,806اسکریپت جی کوئری جستجوگر سریع صفحات هلمز تاریخ : 2017/10/30
8,103پلاگین لودر جی کوئری Spring Loaders تاریخ : 2016/04/21
6,467اسکریپت منوی تصویری بسیار زیبا و کاربردی تاریخ : 2013/11/1
6,423Seven Slider اسلایدر فوق العاده زیبا به صورت جی کوئری تاریخ : 2013/11/21
16,865قالب بسیار زیبای هاستینگ به صورت HTML تاریخ : 2014/07/27
9,332دانلود سورس آماده اپلیکیشن خبری برای وردپرس WP News تاریخ : 2018/11/26
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات