bootstrap 模态窗和datepicker搭配,清空form问题

  • A+
所属分类:Web前端
摘要

今天遇到一个问题,记录下,以后备查。问题现象:modal窗搭配datepicker使用的时候,datepicker获取光标会清空form里面的全部项目。

今天遇到一个问题,记录下,以后备查。

问题现象

modal窗搭配datepicker使用的时候,datepicker获取光标会清空form里面的全部项目。

网上查了下原因如下:

点击日期选择器的时候会触发 ‘show.bs.modal’ ‘hide.bs.modal’ 事件。
而我在模态窗打开的时候也调用了 ‘show.bs.modal’ 并在事件中对表单进行初始化,点击选择器时触发了’show.bs.modal’导致将form表单中内容清空。

bootstrap 模态窗和datepicker搭配,清空form问题

 

 

解决方法

modal打开的时候不再调用‘show.bs.modal’,改为用别的方式打开模态窗:

bootstrap 模态窗和datepicker搭配,清空form问题

bootstrap 模态窗和datepicker搭配,清空form问题