无法为Chrome中的日期输入分配值

Question

我的网页上有一个date输入控件，我似乎无法在Chrome中为其分配值。这是我的控制：

<input type='date' id='dateDate' />

我正在为它分配一个值：

$('#dateDate').val('5/16/2018');

这适用于IE，，但它无法在Chrome中运行。有谁知道为什么？ Chrome现在处理date输入的方式有何不同？我需要传入一个实际的日期对象吗？

以下是一个简单示例。如果在IE中运行它，则会正确分配这两个字段。但是如果你运行Chrome浏览器，则只会分配text输入，不 date输入。

＆＃13;

＆＃13;

$('#assignDates').on('click', function(e){
    $('#textDate').val('5/16/2018');
    $('#dateDate').val('5/16/2018');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
input[type=text]: <input type='text' id='textDate' /><br/>
input[type=date]: <input type='date' id='dateDate' /><br/>
<input type='button' id='assignDates' value='Assign Dates' />

＆＃13;

＆＃13;

＆＃13;