输入类型的值=“日期”以反方向显示

Question

$(".dateTest").click(function(e){
    e.preventDefault();
    alert("The value of this field is currently set to: " + $(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post">
    <div>
        <label>HTML-5: </label>
        <input  value="2012-10-01" type="date" id="dateFieldHtml5" class='dateTest'/>
    </div>
    <div>
        <label>HTML-4: </label>
        <input  value="10/01/2012" id="dateFieldHtml4"  class='dateTest'/>
    </div>
</form>

我正在尝试在表单中为input type="date"编写正则表达式。在前端显示的格式为DD-MM-YYYY但是当我在运行正则表达式之前尝试打印selected date value时，它以YYYY-MM-DD格式显示。因此，我的正则表达式失败了。 请参阅代码段

显示和选择的日期值的图像。

如何确保所选日期以相同格式显示。

Answer 1

使用＆＃34; new Date（）＆＃34;

将您的值转换为日期格式

fiddle

var dateString = new Date($(this).val());