模态框中的form表单使用bootstrap-datetimepicker选择日期时,同个form表单中所有内容都会清空

发现现象过程:

标题点击自己所建立的弹窗按钮,触发点击事件,窗口弹出再form表单的input中输入内容,点击引用bootstrap-datetimepicker的input时form表单中所有内容全部清空

发现原因过程:
上网查询是否存在相同的情况,在该链接https://bbs.csdn.net/topics/392030377
中了解到点击选择器的时候会触发 ‘show.bs.modal’ ‘hide.bs.modal’ 事件
而我在弹窗按钮点击事件中调用了 ‘show.bs.modal’ 并在该事件中写入了form表单内容初始化的代码,点击选择器时触发了’show.bs.modal’导致该事件重新运行了一遍我的代码,将form表单中的内容初始化

解决方式:
将我写的‘show.bs.modal’事件中的代码提取出来,在该事件外将form表单内容初始化
解决前代码:
模态框中的form表单使用bootstrap-datetimepicker选择日期时,同个form表单中所有内容都会清空

解决后代码:
模态框中的form表单使用bootstrap-datetimepicker选择日期时,同个form表单中所有内容都会清空