轉換爲波斯語（jalali）日期在角2和離子2

Question

我熟悉一個位於npm轉換爲波斯（jalali）日曆的包，但我不知道如何使用它在離子2角2個項目。

Jalali-date

或該包角1：

ADM-dateTimePicker

是有可能這個包轉換爲角2？任何想法？或教程，歡迎...

Answer 1

好吧，我寫的轉換器爲這個目的，

先在你的項目中添加提供程序：

import {Injectable} from '@angular/core'; 
@Injectable() 
export class PersianCalendarService { 
    weekDayNames: string[] = ["شنبه", "یکشنبه", "دوشنبه", 
    "سه شنبه", "چهارشنبه", 
    "پنج شنبه", "جمعه"]; 
    monthNames: string[] = [ 
    "فروردین", 
    "اردیبهشت", 
    "خرداد", 
    "تیر", 
    "مرداد", 
    "شهریور", 
    "مهر", 
    "آبان", 
    "آذر", 
    "دی", 
    "بهمن", 
    "اسفند"]; 
    strWeekDay: string = null; 
    strMonth: string = null; 
    day: number = null; 
    month: number = null; 
    year: number = null; 
    ld: number = null; 
    farsiDate: string = null; 

    today: Date = new Date(); 

    gregorianYear = null; 
    gregorianMonth = null; 
    gregorianDate = null; 
    WeekDay = null; 
    buf1: number[] = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334]; 
    buf2: number[] = [0, 31, 60, 91, 121, 152, 182, 213, 244, 274, 305, 335]; 

    constructor() { 
    } 
    PersianCalendar(gregorianDate): string { 
    this.today = gregorianDate; 
    this.gregorianYear = this.today.getFullYear(); 
    this.gregorianMonth = this.today.getMonth() + 1; 
    this.gregorianDate = this.today.getDate(); 
    this.WeekDay = this.today.getDay(); 
    this.toPersian(gregorianDate); 
    return this.strWeekDay + " " + this.day + " " + this.strMonth + " " + this.year; 


    } 
    toPersian(gregorianDate) { 
    if ((this.gregorianYear % 4) != 0) 
     this.farsiDate = this.func1(); 
    else 
     this.farsiDate = this.func2(); 
    this.strMonth = this.monthNames[Math.floor(this.month - 1)]; 
    this.strWeekDay = this.weekDayNames[this.WeekDay + 1]; 

    } 


    func1(): string { 
    this.day = this.buf1[this.gregorianMonth - 1] + this.gregorianDate; 
    if (this.day > 79) { 
     this.day = this.day - 79; 
     if (this.day <= 186) { 
     var day2 = this.day; 
     this.month = (day2/31) + 1; 
     this.day = (day2 % 31); 
     if (day2 % 31 == 0) { 
      this.month--; 
      this.day = 31; 
     } 
     this.year = this.gregorianYear - 621; 
     } 
     else { 
     var day2 = this.day - 186; 
     this.month = (day2/30) + 7; 
     this.day = (day2 % 30); 
     if (day2 % 30 == 0) { 
      this.month = (day2/30) + 6; 
      this.day = 30; 
     } 
     this.year = this.gregorianYear - 621; 
     } 
    } 
    else { 
     this.ld = this.gregorianYear > 1996 && this.gregorianYear % 4 == 1 ? 11 : 10; 
     var day2 = this.day + this.ld; 
     this.month = (day2/30) + 10; 
     this.day = (day2 % 30); 
     if (day2 % 30 == 0) { 
     this.month--; 
     this.day = 30; 
     } 
     this.year = this.gregorianYear - 622; 
    } 
    var fullDate = this.day + "/" + Math.floor(this.month) + "/" + this.year; 
    return fullDate 
    } 



    func2(): string { 
    //console.log("entered func2"); 
    this.day = this.buf2[this.gregorianMonth - 1] + this.gregorianDate; 
    this.ld = this.gregorianYear >= 1996 ? 79 : 80; 
    if (this.day > this.ld) { 
     this.day = this.day - this.ld; 
     if (this.day <= 186) { 
     var day2 = this.day; 
     this.month = (day2/31) + 1; 
     this.day = (day2 % 31); 
     if (day2 % 31 == 0) { 
      this.month--; 
      this.day = 31; 
     } 
     this.year = this.gregorianYear - 621; 
     } else { 
     var day2 = this.day - 186; 
     this.month = (day2/30) + 7; 
     this.day = (day2 % 30); 
     if (day2 % 30 == 0) { 
      this.month--; 
      this.day = 30; 
     } 
     this.year = this.gregorianYear - 621; 
     } 
     var fullDate = this.day + "/" + Math.floor(this.month) + "/" + this.year; 
     return fullDate 
    } 
    else { 
     var day2 = this.day + 10; 
     this.month = (day2/30) + 10; 
     this.day = (day2 % 30); 
     if (day2 % 30 == 0) { 
     this.month--; 
     this.day = 30; 
     } 
     this.year = this.gregorianYear - 622; 
    } 
    } 
} 

下一步：進口該服務在您的代碼：

import {PersianCalendarService} from '../../providers/persian-calendar-service/persian-calendar-service'; 

下一個步驟：在@Page部分

實現供應商的名稱

@Page({ 
    templateUrl: 'build/pages/getting-started/getting-started.html', 
    providers: [PersianCalendarService] 
}) 

和構造

constructor(
    public persianCalendarService: PersianCalendarService) {} 

然後只需要傳遞日期的功能得到賈拉利日期的一個不錯的輸出：

getJalaliDate(date) { 
var date1 = this.persianCalendarService.PersianCalendar(date); 
this.farsiDate = date1; 

}

我將盡快在github中添加此代碼。 感謝

Answer 2

使用jalali-moment模塊如下面的代碼

import * as moment from 'jalali-moment'; 
let jalaliDate = moment("1989/1/24").format('jYYYY/jM/jD'); // 1367/11/4 

demo in plunker