html5 输入类型日期格式为 mm/dd/yyyy 导致 chrome 出现问题答案

【问题标题】：html5 input type date format to mm/dd/yyyy causing issue in chromehtml5 输入类型日期格式为 mm/dd/yyyy 导致 chrome 出现问题
【发布时间】：2015-11-30 08:53:34
【问题描述】：

我在表单中使用以下输入类型，但在 chrom 中它显示日期选择器格式和 d-m-Y，我该如何解决这个问题

<input class="form-control pull-left datepicker" id="FRAME_DATE" name="FRAME_DATE" style="width:155px;" type="date" data-date-format="MM/DD/YYYY">

【问题讨论】：

它非常适合我..jsbin.com/hozeneyafu/edit?html,css,js,output

标签： html google-chrome date input datepicker

【解决方案1】：

最快的解决办法是改变

type="date"

到

type="text"

【讨论】：

【解决方案2】：

实际上，某些 HTML5 标记在 chrome 上无法正常工作。日期选择器就是其中之一。有很多替代品可以做同样的事情。我找到了解决这个问题的一种可能的解决方案，您可以在我的 fiddle 中查看以供参考。此代码在 Mozila 和 Chrome 上也可以正常工作。

    <script>
$(function() {
$( "#datepicker" ).datepicker();

});
</script>
</head>
<body>
<p>Your Selected date Is : <input type="text" id="datepicker"></p>

http://jsfiddle.net/Vq65z/504/

【讨论】：

【解决方案3】：

是的，某些 HTML5 标记在 chrome 上无法正常工作。你可以试试这段代码：

<html>
<head>    
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
Select Date: <input type="text" id="datepicker">
</body>
</html>

将为您工作 100%。

【讨论】：

【解决方案4】：

使用输入 type="date" 将采用您自己计算机的日期格式。

无法更改此 HTML 元素的日期格式。但我们还有其他选择来解决这个问题。您可以通过 jQuery 或 AngularJS 使用 datepicker 来获取自定义日期格式。

【讨论】：