CSS
.ar{
width: 100% !important;
text-align: right; // 居右
direction: rtl; // 从右向左读
}
JS
起止年份显示问题: 年份大的居左,年份小的居右;
使用正则表达式,找到两组年份,两组年份中间有“-”号,对调两组年份顺序。
/** ar format 2019-2021 -> 2021-2019 */
formatAr(name) {
var str = name; // str = 'خطة تطوير العلوم والتكنولوجيا المالية ( 2021-2019 ) ( الصين )';
var pattern = /\d{4}-\d{4}/; // 起止年份
if(pattern.test(str)) {
// 包含起止年份 ---则替换
var year = pattern.exec(str)[0]; // 2021-2019
str = str.replace(pattern, year.substring(year.length-4) + '-' + year.substring(0,4));
return str;
}else {
return name;
}
},
var result = this.formatAr('《金融科技(FinTech)发展规划(2019–2021年)》(中国)')
console.log(result) // خطة تطوير العلوم والتكنولوجيا المالية ( 20-2021 ) ( الصين )