Question

这是HTML输入标记

<label for="release">release Date</label>
<input type="date" name="releasedate" id = "release_date">

我正在尝试填充更新表单中的字段除Date以外，其他所有值都已填充。我可以控制日期，但不能在文本字段中填充

function _update(id){
                $.ajax({
                    url:'http://localhost:8888/booksdetail/'+id,
                    method:'GET',
                    dataType:'json',
                    success: function(data){
                        $('#name').val(data.name);
                        $('#description').val(data.description);
                        $('#author').val(data.author);
                        $('#price').val(data.price);
                        $("#release_date").val(data.release_date);
                        console.log(data.release_date);


                    },
                    error: function(error){
                            alert(error);
                    }
                })
            }

在控制台中，将显示日期和时间，但在我的日期字段中，仅应填充日期。

Answer 1

您的发布日期拼写错误

$("#release_date").val(data.relasedate);

不是吗

$("#release_date").val(data.releasedate);

Answer 2

您是否检查了从api获取的日期格式和在日期选择器中使用的格式是否相同？

Answer 3

嗨，这是因为输入日期格式需要格式化的日期值，例如：yyy-mm-dd必须与选择的日期相同

我给你提供了一个例子，以更改格式设置的值

 <label for="release">release Date</label>
    <input type="date" id="start" name="trip" value="2018-07-22" min="2018-01-01" max="2018-12-31>

https://jsfiddle.net/37rLsbp5/

您还可以选中https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/date

日期选择器未填充日期

3 个答案: