方向：rtl，日期对齐问题

Question

当我在阿拉伯语视图中使用“ direction：rtl ”时，日期中的详细信息未按正确顺序显示。 例如。在 ltr 中，它显示为“ 2016年2月3日”，但在 rtl 中，它紧紧地对齐为“ 2016年2月03 ”

<div style="direction:rtl;">
03 February 2016
</div>

请检查Here

无论如何要纠正它。或者它只是在阿拉伯语视图中显示日期的自然方式？

请回复..先谢谢..

Answer 1

‫03 February ‬2016解决方案适用于Chrome。但它在firefox和IE中将输出更改为'mm ddyyyy'。

以下工作在chrome，firefox和IE中一致。

<div style="float:left; direction:rtl;">
    15 &#x202b;May&#x202c; 2017
</div>

如果您正在使用角度js并希望在日期格式化程序中应用解决方案，那么您可以写如下：

<div style="float:left; direction:rtl;">
   {{ 1463725737789 | date: 'dd &#x202b;MMM&#x202c; yyyy'}}
</div>

角度表达式中的输入应该是有效的javascript日期对象。给定输入'1463725737789'是以毫秒为单位的时间。

Answer 2

You can change this behavior添加Unicode字符＆＃39; LEFT-TO-RIGHT EMBEDDING＆＃39; （U + 202A）并以POP结束。

<div style="direction:rtl;">
&#x202a;03 February 2016&#x202c;
</div>

Answer 3

回答你的下一个问题：

＆＃13;

＆＃13;

  <div style="float:left; direction:rtl;">
    &#x202b;03 February &#x202c;2016
  </div>

＆＃13;

＆＃13;

＆＃13;

Answer 4

这很常见，如果您使用方向RTl，您可以查看文本的镜像，因此如果您使用阿拉伯数据，则显示完美。

Answer 5

您还可以使用dir属性来分配rtl方向性。它使您的代码更加简洁易读。

div[dir='rtl'] {
  float: left;
}


/*Only supported in Firefox*/
:dir(rtl) {
  float: left;
}

<div dir="rtl">
  15 &#8235;January&#8236; 2020
</div>