使用jQuery轉換文本類型的日期類型輸入字段

有沒有辦法使用jQuery將text類型輸入字段轉換爲date類型，因此它會向用戶顯示日期選擇器？我可以將自定義字段添加到由Wordpress插件創建的表單，但它不支持date和datetime-local字段類型，我需要這樣的字段。使用jQuery轉換文本類型的日期類型輸入字段

<input name="adverts_eventDate" id="adverts_eventDate" type="text">

來源

2017-03-13 Iurie

你讓用戶鍵入日期什麼格式？（例如mm/dd/yyyy） – Neil

@nfnneil我還沒有任何格式，因爲我的網站正處於開發階段:)。 – Iurie

那麼，你想要在jQuery之後輸入一個類型爲date的日期嗎？或者你想用類型文本將輸入變成日期對象嗎？ – Neil

您可以輕鬆地更改類型的jQuery：

$("#adverts_eventDate").attr("type","date");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="adverts_eventDate" id="adverts_eventDate" type="text">

您不能在HTML5日期更改日期格式：

Is there any way to change input type="date" format?

既然你不能改變你的日期格式在HTML5,我會推薦jQuery-UI。

下面是一個例子：

$(function() { 
 
    $("#adverts_eventDate").datepicker(); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<p>Date: <input name="adverts_eventDate" id="adverts_eventDate" type="text"></p>

來源

2017-03-13 17:29:39 Neil

而不是3/4/16嘗試使用某種格式，可以立即清除* date *和* month * ... *年* * ya？ –

喜歡2016年3月4日？ – Neil

如果你使用ie：'28'，或者至少是'13'作爲日期，那麼沒人會犯一個錯誤。如果你使用4 ......誰知道那4是什麼。世界各地的日期格式都有loooooots ...你知道嗎？！ –

轉換成日期類型文本型輸入字段

您可以使用jQuery的attr改變從類型屬性文本到目前爲止。

$("#convert").click(function() { 
 
    $("#adverts_eventDate").attr("type", "date") 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="adverts_eventDate" id="adverts_eventDate" type="text"> 
 
<button id='convert'>to date</button>

來源

2017-03-13 17:42:33

您可以使用jQuery UI的如下

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js">  </script> 
<input name="adverts_eventDate" id="adverts_eventDate" type="text">

然後

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

來源

2017-03-14 05:41:11

使用jQuery轉換文本類型的日期類型輸入字段

回答

相關問題