How to set default value to the input type date

Question

I have tried  JSFiddle     x000D   x000D   lt input type  date  value  2012-3-23  gt  x000D   x000D   x000D    but it doesn t work  how can I set the default value

User · Accepted Answer

The date should take the format YYYY-MM-DD  Single digit days and months should be padded with a 0  January is 01   From the documentation      A string representing a date       Value  A valid full-date as defined in  RFC 3339   with the additional qualification that the year component is four or more digits representing a number greater than 0    Your code should be altered to    x000D   x000D   lt input type  date  value  2013-01-08  gt  x000D   x000D   x000D    Example jsfiddle

User · Answer

lt input type  date  id  myDate    gt   Then in js     today  function        var myDate   document querySelector myDate     var today   new Date      myDate value   today toISOString   substr 0  10

User · Answer

Here are three statements for three different dates in the form with three type date fields     inv date is the current date     inv date   date  Y-m-d       inv date from is the first day of the current month    inv date from   date  Y      -    date  m      -     01      inv date to is the last day of the month    inv date to   date  Y-m-t   strtotime date  Y-m-t        I hope this helps

User · Answer

1 -                                          lt input type  date   myDate  gt                                               var today   new Date            myDate   val today getFullYear      -      0     today getMonth     1   slice -2     -      0    today getDate    slice -2     2 -                                         lt input type  datatime-local  id  myLocalDataTime  step  1  gt                                           var today   new Date        myLocalDataTime   val today getFullYear      -      0     today getMonth     1   slice -2     -      0    today getDate    slice -2   T  today getHours       today getMinutes

User · Answer

html code    lt input id  idFdate  type  date    gt       javascript code on main load function  function loadFunction            body        var today   new Date        var dd   today getDate        var mm   today getMonth   1    January is 0      var yyyy   today getFullYear         if dd lt 10           dd  0  dd             if mm lt 10           mm  0  mm              today   yyyy  -  mm  -  dd                      document getElementById  idFdate   defaultValue  today

User · Answer

JS Code   function TodayDate            let data  new Date            return data getFullYear   toString    -     data getMonth   1  toString    -    data getDate   toString             document getElementById  today   innerHTML     lt input type  date  name  Data  value    TodayDate       gt  lt br gt      Html Code    lt div id  today   gt   lt  div gt    A little bit rough but it works

User · Answer

if you are using PHP  you can set the value like this  lt input type  quot date quot  value  quot  lt  php echo date  quot Y-m-d quot     gt  quot  gt   but remember that it would return the date of the server  e g  if your server in USA and your client in Indonesia  it may differ 1 day  But if you want to use from the client  use javascript solution instead  hope it helps

User · Answer

You can use this js code    lt input type  date  id  dateDefault    gt    JS  function setInputDate  id       var  dat   document querySelector  id       var hoy   new Date            d   hoy getDate            m   hoy getMonth   1           y   hoy getFullYear            data       if d  lt  10           d    0  d             if m  lt  10           m    0  m              data   y  -  m  -  d      console log data        dat value   data      setInputDate   dateDefault

User · Answer

The easiest way for setting the current date is    lt input name  date  type  date  value   lt  php echo date  Y-m-j      gt   required gt

User · Answer

date date  Y-m-d    echo  date   echo  lt br gt SELECT DATE   lt input type  date   name  date   id  datepicker   value   date  required  gt

User · Answer

Use Microsoft Visual Studio  Date separator  -     string dateValue   request Date ToString  yyyy - MM - ddTHH mm ss          lt  input type  datetime-local  class  form-control  name  date1  value   dateValue

User · Answer

You can do something like this    lt input type  date  value   lt  php echo date  Y-m-d     gt   name  inicio  gt

User · Answer

you can show date by simply following correct format   lt input type  date  value  2014-12-29  gt

User · Answer

A possible solution   document getElementById  yourDatePicker   valueAsDate   new Date      Using Moment js   var today   moment   format  YYYY-MM-DD    document getElementById  datePicker   value   today

[html] How to set default value to the input[type="date"]

Examples related to html

Examples related to date

Examples related to html-input