It is possible to edit the html 5 input date style

Asked

Viewed 1,669 times

0

I use this calendar <input type="date">

I researched it but so far I found nothing about its formatting css. I wanted to know if it is possible to use it and how can I do it.

If there are other calendars I’m open to suggestions. 

<input type="date" class="form-control input-titulo" id="description-input" />

html5

  • Marcelo, are you talking about the jquery? datepicker input type="date"?

  • input date, I may have confused

  • I will edit to make it clear

  • There are some javascript plugins to style and improve the functionality of date fields, here’s an example: https://jqueryui.com/datepicker/

  • it becomes clear which calendar it is, and if it is possible to edit it in css, because I need a calendar that is mobile responsive

  • I didn’t understand what you meant by the above comment, anyway it’s not all browsers that by default support <input type="date">, as already suggested I would search regarding the datepicker of Jquery UI

  • improved the above answer

  • It’s good to know that the input type = 'date' is a Crome specification: Why type='date' does not work in Firefox?

Show 3 more comments

1 answer

0


Below I put an example of the use of datepicker of jquery with its basic theme, in this link you can see the css of the basic theme (just search for datepicker and you will see some of its classes and properties).

//http://api.jqueryui.com/datepicker/
//https://jqueryui.com/datepicker/

$( function() {
   $( ".datepicker" ).datepicker();
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

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

 
<div>
  Data: 
  <input type="text" class="datepicker">
</div>

Browser other questions tagged html5

You are not signed in. Login or sign up in order to post.