jQueryで日付タイプ1のテキストタイプの入力フィールドを変換する

Question

textタイプの入力フィールドをjQueryでdateタイプのフィールドに変換する方法はありますか？それで、ユーザーに日付選択ツールが表示されますか？ Wordpressプラグインで作成したフォームにカスタムフィールドを追加できますが、dateフィールドタイプもdatetime-localフィールドタイプもサポートしていません。

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

Answer 1

あなたは簡単に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>

Answer 2

はあなたがからtype属性を変更する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>

Answer 3

あなたは

<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"> 

を次のようにjqueryの-UIを使用して、

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

でき