2014-05-21 65 views
1

我有2個輸入字段,當用戶輸入日期時採用mm-dd-yyyy格式,我希望自動更改爲yyyy-mm-dd(ISO 8601 Date格式)使用jquery將日期格式更改爲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 ..

+0

爲什麼不首先強制輸入(可能是用下拉列表),而不是猜測輸入的內容。誰說他們沒有進入'dd-mm-yyyy',你怎麼知道像'10-12-2014'這樣的東西?或者使用'mmm'和'dd'和'yyyy',那麼你就會知道是什麼。 – Xotic750

回答

0

看看我創建的this Pen。我接受mm/dd/yyyy和mm-dd-yyyy兩種格式,並對每個輸入的模糊進行轉換。

+0

完美,這正是我一直在尋找的。 – user3621391

+0

因此,我精確地複製了所有內容,並添加了類。但它仍然沒有轉換,它甚至沒有做任何事情。但是它正在使用codepen ... – user3621391

+0

它是否在模式中加載它是否重要? – user3621391