使用 jquery 将日期格式更改为 ISO 8601答案

【问题标题】：Change date format to ISO 8601 using jquery使用 jquery 将日期格式更改为 ISO 8601
【发布时间】：2014-05-21 23:20:11
【问题描述】：

我有 2 个输入字段，当用户以 mm-dd-yyyy 格式输入日期时，我希望它自动更改为 yyyy-mm-dd（ISO 8601 日期格式）

输入字段非常简单：

<div class="form-group">
        <label for="purchase_date">Purchase Date <font size="-3">(Year-MM-DD) format</font></label>
        <input type="text" name="purchase_date" class="form-control"  placeholder="Purchase Date">
</div>
<div class="form-group">
        <label for="warranty_end_date">Warranty End Date <font size="-3">(Year-MM-DD) format</font></label>
        <input type="text" name="warranty_end_date" class="form-control"  placeholder="Warranty End Date">
</div>

有没有办法在不使用日期选择器的情况下做到这一点？我不想添加任何额外的样式表或任何额外的 js..

【问题讨论】：

为什么不首先强制输入（可能使用下拉菜单）而不是猜测输入的内容。谁说他们没有输入dd-mm-yyyy，你怎么知道10-12-2014之类的？或者使用mmm和dd和yyyy，你就会知道什么是什么。

标签： javascript jquery date format

【解决方案1】：

看看我创建的this Pen。我接受 mm/dd/yyyy 和 mm-dd-yyyy 格式，并对每个输入的模糊进行转换。

【讨论】：

完美，这正是我想要的。
所以我完全复制了所有内容并添加了类。但它仍然没有转换，它甚至没有做任何事情。但它正在使用 codepen...
在模态中加载是否重要？
是的，在您的情况下，脚本应该在模态 DOM 完全呈现后运行。
是的，我将脚本移到了首页（在所有其他脚本加载之后）并且它起作用了，我添加了一个警报告诉我它什么时候在那里所以我知道把它放在哪里！哈哈谢谢你的帮助！