控制日期输入文本的文本方向

Question

我有文字字段，我想按以下格式输入日期：yyyy/MM/dd 我有输入文本方向rtl。当我开始输入一天然后一个月然后一年， 我将最终显示的值显示为dd/MM/yyyy，如附图所示：

我想启用rtl，用户可以输入日，然后是年份，显示的最终格式为yyyy/MM/dd

并且最终显示应该是：

请告知如何做到这一点。

Answer 1

启用rtl没有帮助，因为普通数字具有固有的从左到右的方向性，斜线是方向中性的，所以即使已经设置了一般文本方向性，10/12/2013也将从左到右呈现从右到左。

如果要显示与实际输入顺序不同的顺序，则需要添加解析和重新排序输入的JavaScript。

Answer 2

使用RTL / LTR不是解决方案。为了实现您的目标，您必须在用户完成数据介绍后在该字段中添加一个监听器，然后，正如Jukka K.所说，您必须使用JS解析引入的数据并按照您的需要进行显示。

如果您需要JS代码的帮助，请告诉我。

Answer 3

使用text-align:right;来完成此任务。

<强> HTML：

<input type="text" placeholder="yyyy/MM/dd">

<强> CSS

input {
    text-align:right;
}

输入字段中没有输入的输出

输入字段中输入的输出（已写入：2013/12/10）

JSFiddle demo

修改

等等，你想要他们写dd / MM / yyyy你想要输出是yyyy / MM / dd？！？