set date in input type date

Question

lt input id  datePicker  type  date    gt     i will set today date in datepicker input type date in chrome     document  ready  function         var now   new Date        var today   now getDate             now getMonth     1          now getFullYear        alert today           datePicker   val today          but it s not working  Edit This jsFiddle - Please try in chrome

User · Answer

Your code would have worked if it had been in this format  YYYY-MM-DD  this is the computer standard for date formats http   en wikipedia org wiki ISO 8601

User · Answer

You can only use date in input type  quot date quot  as in format YYYY-MM-DD I have implemented helper as formatDate in NODE js express-handlebars  don t need to be worry     just use format as described in first line  e g   lt  input type  quot date quot  id  quot date quot  name  quot date quot  class  quot form-control quot  value  quot   formatDate invoice date  YYYY-MM-DD    quot    gt

User · Answer

to me the shortest way to solve this problem is to use moment js and solve this problem in just 2 lines   var today   moment   format  YYYY-MM-DD        datePicker   val today

User · Answer

document getElementById  datePicker   valueAsDate   new Date    should work

User · Answer

Fiddle link   http   jsfiddle net 7LXPq 93   Two problems in this    Date control in HTML 5 accepts in the format of Year - month - day as we use in SQL If the month is 9  it needs to be set as 09 not 9 simply  So it applies for day field also    Please follow the fiddle link for demo   var now   new Date     var day     0    now getDate    slice -2   var month     0     now getMonth     1   slice -2    var today   now getFullYear    -   month   -   day         datePicker   val today

User · Answer

For me the shortest way to get locale date and in correct format for input type  quot date quot  is this   var d   new Date     var today   d getFullYear    quot - quot    quot 0 quot   d getMonth   1   slice -2   quot - quot    quot 0 quot  d getDate    slice -2    Or this   var d   new Date   toLocaleDateString   split       var today   d 2   quot - quot    quot 0 quot  d 0   slice -2   quot - quot    quot 0 quot  d 1   slice -2    Then just set the date input value       datePicker   val today

User · Answer

1 console log new Date        2  document getElementById  quot date quot   valueAsDate   new Date     1st log showing correct  in console   Wed Oct 07 2020 00 40 54 GMT 0530  India Standard Time  2nd 06-10-2020     which is incorrect and today date is 07 and here showing 06

User · Answer

var today   new Date   toISOString   split  T   0       datePicker   val today     Above code will work

User · Answer

Datetimepicker always needs input format YYYY-MM-DD  it doesn t care about display format of your model  or about you local system datetime  But the output format of datetime picker is the your wanted  your local system   There is simple example in my post

User · Answer

Update  I m doing this with date toISOString   substr 0  10   Gives the same result as the accepted answer and has good support

User · Answer

I usually create these two helper functions when using date inputs      date is expected to be a date object  e g   new Date    const dateToInput   date   gt       date getFullYear      -    0     date getMonth     1   slice -2     -    0    date getDate    slice -2            str is expected in yyyy-mm-dd format  e g    2017-03-14   const inputToDate   str   gt  new Date str split  -       You can then set the date input value as       datePicker   val dateToInput new Date        And retrieve the selected value like so  const dateVal   inputToDate     datePicker   val

User · Answer

Jquery version   var currentdate   new Date         DatePickerInputID   val   datepicker formatDate  dd-M-y   currentdate

[javascript] set date in input type date

Examples related to javascript

Examples related to html

Examples related to jquery

Examples related to date