¿Hay alguna manera de convertir un campo de entrada de tipo de text en uno de tipo de date con jQuery, para que muestre al usuario un selector de fecha? Puedo agregar campos personalizados a un formulario creado por un complemento de Wordpress, pero no es compatible con los tipos de campo datetime-local date ni de fecha y hora, y necesito uno de esos.
<input name="adverts_eventDate" id="adverts_eventDate" type="text">Puede cambiar fácilmente el tipo en 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">No puede cambiar el formato de fecha en la fecha HTML5:
¿Hay alguna forma de cambiar el formato de tipo de entrada = "fecha"?
Como no puede cambiar su formato de fecha en HTML5, recomendaría jQuery-UI.
Aquí hay un ejemplo:
$( 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>convertir un campo de entrada de tipo de texto en un tipo de fecha
Puede usar el attr de jquery para cambiar el atributo de tipo de texto a fecha.
$("#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>Puede usar jquery-ui de la siguiente manera
<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">y entonces
<script> $( function() { $( "#adverts_eventDate" ).datepicker(); } ); </script>