记录bootstrap datepicker默认日期input显示并选中问题

这次我使用的是bootstrap datepicker日期控件作为选择日期范围的工具，由于需要显示默认日期，只是使用js动态设置了input输入框中的value值：

使用这个方式默认日期的确成功显示了，但是当input获取焦点后，不做日期的选择，直接点击页面空白部分失去焦点，input中的日期就会变成当天的日期，而不会是之前的默认日期，导致这种情况的原因是由于设置了data-date属性，该属性貌似只能设置固定日期，不能动态设置，比如：data-date=”2017-08-23”，这样设置的话，日期选择器在获取焦点立马失去焦点以后，input会显示为2017-08-23，使用js动态设置它的值是没有效果的。在此图片中，设置为yyyy-mm-dd，input则会显示成当天的日期，当使用以上的操作，所以这样会出现开始日期大于结束日期的情况。
所以，去掉data-date属性以后，还需设置好日期选择器中的默认日期：

如此，满足这两个条件，就可以成功设置默认日期。同时，保证input只是进行获取焦点失去焦点的操作后，值不会丢失。