Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@majidh1/jalalidatepicker

Package Overview
Dependencies
Maintainers
1
Versions
42
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@majidh1/jalalidatepicker

A lightweight and simple jalali datepicker.

  • 0.5.2
  • Source
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

JalaliDatePicker

npm version License

تاریخچه تغییرات نسخه

نصب و استفاده

1- با استفاده از npm یا فولدر dist در همین مخزن آخرین نسخه را دریافت کنید

    npm i @majidh1/jalalidatepicker
     OR
    https://github.com/majidh1/JalaliDatePicker => /dist/
2- دوفایل زیر را به پروژه اضافه کنید

<link type="text/css" rel="stylesheet" href="jalalidatepicker.min.css" />
<script type="text/javascript" src="jalalidatepicker.min.js"></script>
3- به inputهای مورد نیاز Attribute زیر را اضافه کنید.
     data-jdp
<input data-jdp>
4- برای شروع کارکرد از تکه کد زیر استفاده کنید
jalaliDatepicker.startWatch();

تنظیمات

Info & Methods

بعد از لود فایل js یک object به نام jalaliDatepicker به صورت global که شامل 3 متد زیر است.ایجاد می‌شود

jalaliDatepicker.startWatch(options);
jalaliDatepicker.show(input);
jalaliDatepicker.hide();
  1. startWatch(options) شروع کار و پردازش روی input ها
  2. show(input) نمایش روی یک input
  3. hide مخفی شدن

Options

keydefaultdescription
autoShowtrueنمایش خودکار
autoHidetrueمخفی شدن خودکار
useDropDownYearstrueانتخاب سال به صورت DropDown
separatorChar"/"جداکننده بین سال، ماه و روز
minDatenullمشخص کننده حداقل تاریخ. در صورتی که برابر با today باشد روز جاری است. در صورتی که برابر با attr باشد برابر با مقدار data-jdp-min-date attrubute است
maxDatenullمشخص کننده حداکثر تاریخ. در صورتی که برابر با today باشد روز جاری است. در صورتی که برابر با attr باشد برابر با مقدار data-jdp-max-date attrubute است
initDatenullتاریخی که به صورت پیشفرض نمایش داده می‌شود در صورتی که تنظیم نشود برابر است با روز جاری.
plusHtml"svg"html مربوط به دکمه افزایش سال و ماه
minusHtml"svg"html مربوط به دکمه کاهش سال و ماه
container"body"datepicker در کجا ساخته شود
dpContainernullContainer مربوط به datepicker
selector"input[data-jdp]"selector مربوط به autoShow
zIndex1000zIndex مربوط به datepicker
days["ش", "ی", "د", "س", "چ", "پ", "ج"]نام روزهای هفته
months["فروردین", "اردیبهشت", "خرداد", "تیر", "مرداد", "شهریور", "مهر", "آبان", "آذر", "دی", "بهمن", "اسفند"]نام ماه‌های موجود
changeMonthRotateYearfalseبا تغییر ماه سال نیز کم یا زیاد شود
showTodayBtntrueنمایش دکمه امروز
showEmptyBtntrueنمایش دکمه پاکسازی
autoReadOnlyInputdynamicفقط خواندنی شدن input دارای datePicker

Keywords

FAQs

Package last updated on 27 Feb 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc