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.
