mds-angular-datetime-picker-package is a Persian and Gregorian date and time picker with Angular 6+, AngularMaterials 6+, and Bootstrap 4+.
angularjs persian datepicker, angular material datepicker jalali, ionic persian datepicker, persian gregorian calendar javascript
How to make use of it:
1. First, add the import to your module.
import { MdsAngularPersianDateTimePickerModule } from 'mds.angular.datetimepicker'; @NgModule({ declarations: [AppComponent], imports: [BrowserModule, MdsAngularPersianDateTimePickerModule], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
2. Installation requirements: You can install these packages as follows:
npm install mds.persian.datetime npm install @angular/material @angular/cdk npm install @angular/animations npm install jquery npm install popper.js npm install bootstrap
3. Add to view:
<mds-angular-persian-datetimepicker [(ngModel)]="mdsDateTimePickerObject" [inLine]="false" [placeHolder]="'Mds DateTime Picker'"> </mds-angular-persian-datetimepicker>
Options
Name | Type | Values | Description |
---|---|---|---|
isPersian | boolean | true, [false] | Is date time picker Persian or gregorian |
timePicker | boolean | true, [false] | Is time picker enables |
templateType | Enumeration | 1, [2] | You can choose how your date time picker generate In materials you have animations 1 = bootstrap 2 = material |
inLine | boolean | false, [true] | Show date time picker as in line on page |
textBoxType | Enumeration | 1, [2] | If you choose [inLine]="false" it shows a textbox as a pickerYou can choose how should it shows 1 = withButton 2 = withoutButton |
placeHolder | string | Place holder of the text box | |
buttonIcon | string | Icon of date picker button Sample: <span class="fa fa-calendar" aria-hidden="true"></span> Default is 📅 | |
rangeSelector | boolean | false, [true] | Is date picker range selector |
format | string | format string | Format of showing date time فرمت پیش فرض 1393/09/14 13:49:40 yyyy: سال چهار رقمی yy: سال دو رقمی MMMM: نام ماه MM: عدد دو رقمی ماه dddd: نام روز هفته dd: عدد دو رقمی روز ماه HH: ساعت دو رقمی با فرمت 00 تا 24 hh: ساعت دو رقمی با فرمت 00 تا 12 mm: عدد دو رقمی دقیقه ss: ثانیه دو رقمی fff: میلی ثانیه 3 رقمی ff: میلی ثانیه 2 رقمی tt: ب.ظ یا ق.ظ |
persian and gregorian datetimepicker for angular, mds-angular-datetime-picker-package Plugin/Github
See Demo And Download
Official Website(Mds92): Click Here
This superior jQuery/javascript plugin is developed by Mds92. For extra advanced usage, please go to the official website.