cannot set date input value using JavaScript

Question

I am still not that experienced with HTML and JavaScript but I have been stumbled on this one and have no clue why does it not work.

I have the following code

function DateConverter(date) {
  let dateArray = date.split(".");
  let dateFormatted = dateArray[1] + "-" + dateArray[0] + "-" + dateArray[2];
  return dateFormatted;
}

//ajax for LoadingDataInDetais
$("#taskList").change(function(event) {
  let a = $(this).val();
  $.ajax({
    url: "/Taskview?handler=GrabTask&taskId=" + $(this).val(),
    type: "GET",
    dataType: "html",
    success: function(data, textStatus, XMLHttpRequest) {
      var task = JSON.parse(data);
      $('#task_City').val(task["name"]);
      $('#task_Location').val(task["loc"]);
      $('#task_Client').val(task["client"]);
      $('#task_Number').val(task["taskNo"]);
      $('#task_Date').val(DateConverter(task["date"]));
    }
  });
});

<!--Other fields above-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group col-md-8 date" data-provide="datepicker">
  <label class="control-label">Date</label>
  <input id="task_Date" type="date" class="form-control" placeholder="Date" />
</div>

All other fields have their values set correctly but the 'date' one does not and I have no clue why. I even tried with plain java script but it just doesn't work. The console doesn't say anything.

The date from the ajax comes in the format "dd.MM.yyyy" and I tried converting it to some other format but all to no avail

Can someone shed some light into the problem;

@Developer so the problem is in the format as it should be yyyy-MM-dd? — EnvelopedDevil
– EnvelopedDevil, Commented Mar 20, 2018 at 13:22
@Developer it helper. Post it as an answer so I can accept it — EnvelopedDevil
– EnvelopedDevil, Commented Mar 20, 2018 at 13:23

Simon Franzen · Accepted Answer · 2018-03-20 13:34:53Z

3

You are returning the wrong values in your formatter:

function DateConverter(date) {
    return date.split('.').reverse().join('-');
}

edited Mar 20, 2018 at 13:34

answered Mar 20, 2018 at 13:26

Simon Franzen

2,72727 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Stphane Over a year ago

Oneliner feels more expressive: return date.split('.').reverse().join('-');

Collectives™ on Stack Overflow

cannot set date input value using JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related