Fecha, mes y semana de entrada de texto

Descripción

Date input type El atributo permite al usuario ingresar la fecha (año, mes, día) codificada de acuerdo con ISO 8601.

Month input type permite al usuario seleccionar una fecha que consta de un año y un mes codificados de acuerdo con ISO 8601.

Week input permite al usuario seleccionar una fecha que consta de un año y un número de semana codificado de acuerdo con ISO 8601.

Ejemplo

El siguiente ejemplo demuestra el uso de la entrada de fecha, mes y semana en jQuery Mobile.

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content = "width = device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
      <script src = "https://code.jquery.com/jquery-1.11.3.min.js"></script>
      <script src = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
   </head>
   
   <body>
      <form>
         <h2>Date Input Example</h2>
         <label for = "src">Date Input</label>
         <input type = "date" id = "src" data-clear-btn = "false">
         
         <label for = "src1">Clear the Date input Field</label>
         <input type = "date" data-clear-btn = "true" id = "src1">

         <h2>Month Input Example</h2>
         <label for = "src2">Month Input</label>
         <input type = "month" id = "src2" data-clear-btn = "false">
         
         <label for = "src3">Clear the Month input Field</label>
         <input type = "month" data-clear-btn = "true" id = "src3">

         <h2>Week Input Example</h2>
         <label for = "src4">Week Input</label>
         <input type = "week" id = "src4" data-clear-btn = "false">
         
         <label for = "src5">Clear the Week input Field</label>
         <input type = "week" data-clear-btn = "true" id = "src5">
      </form>
   </body>
</html>

Salida

Realicemos los siguientes pasos para ver cómo funciona el código anterior:

Guarde el código html anterior como textinput_date_month_week.html archivo en la carpeta raíz de su servidor.
Abra este archivo HTML como http: //localhost/textinput_date_month_week.html y se mostrará el siguiente resultado.

↰ Previous page