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

这次我使用的是bootstrap datepicker日期控件作为选择日期范围的工具,由于需要显示默认日期,只是使用js动态设置了input输入框中的value值:
记录bootstrap datepicker默认日期input显示并选中问题_第1张图片
使用这个方式默认日期的确成功显示了,但是当input获取焦点后,不做日期的选择,直接点击页面空白部分失去焦点,input中的日期就会变成当天的日期,而不会是之前的默认日期,导致这种情况的原因是由于设置了data-date属性,该属性貌似只能设置固定日期,不能动态设置,比如:data-date=”2017-08-23”,这样设置的话,日期选择器在获取焦点立马失去焦点以后,input会显示为2017-08-23,使用js动态设置它的值是没有效果的。在此图片中,设置为yyyy-mm-dd,input则会显示成当天的日期,当使用以上的操作,所以这样会出现开始日期大于结束日期的情况。
所以,去掉data-date属性以后,还需设置好日期选择器中的默认日期:
记录bootstrap datepicker默认日期input显示并选中问题_第2张图片
如此,满足这两个条件,就可以成功设置默认日期。同时,保证input只是进行获取焦点失去焦点的操作后,值不会丢失。

你可能感兴趣的:(记录bootstrap datepicker默认日期input显示并选中问题)