input 的value属性值，页面显示与html结构中不一致的问题

作为前端开发者，操作input输入框是经常的事，不知道大家有没有遇到这样的问题，input 的value属性值，页面显示与html结构中不一致。

实际问题：

今天在微信公众号上开发一个销量查询功能时，通过js设置了一个默认的查询日期（当前月份），然后通过调用日历的时候页面始终显示默认日期，并没有发生改变。但是在控制台查看html结构的时候发现其value值已经发生了变化，如下图。

下面是刚才的js代码：

$("#sales-month").val("2017-12");

网络搜索：

网络上搜索了一下，类似的问题并不多，靠谱的解决方法一个也没找到。有一句话我还是反复读了好几遍“value的值是用来表示组件的初始值的..... 如果你后期修改了input的value是不会更新在页面上的”。

what?后期修改的input的value真的不能更新在页面上么？项目中确实需要怎么办呢。

解决方法：

通过attr()函数来改变value值，代码如下。

$("#sales-month").attr("value","2017-10")

现在就正常了，继续愉快地敲剩下的代码吧。val()是获取文本框的实际value值，而attr()获取的则是文档结构中的value的属性值，与文本框实际值无关，并不会变化。

因时间仓促（今天的工作还没完成），资质有限，文中表述仅代表个人观点，如果有更好的想法，欢迎分享。