天天看點

修複bootstrap daterangepicker中的3個問題

最近項目中使用了一個基于bootstrap的daterangepicker控件。

1.點選頁面其他空白的地方,會把之前在月曆上選中的日期選擇上。

具體描述:

1.點選打開日期選擇框

2.選擇一個日期範圍,使用者沒有點選“apply”按鈕,然後點選頁面其他空白區域,控件會把選擇的日期指派到文本框中去。

修複bootstrap daterangepicker中的3個問題

個需求估計在國外屬于正常的情況。但是國内的使用者習慣是:點選其他空白地方,應該是和點選“取消”按鈕相同的作用。是以看了一下源代碼。在

outsideclick方法裡面,作者直接調用了hide()方法,這個方法正好做了将選中的日期範圍指派給文本框。修改代碼行數在line616,問

題可以解決。

2.bootstrap daterangepicker在bootstrap modal裡面無效。

問題描述:

1.在bootstrap modal對話裡面打開daterangepicker出現如下界面

修複bootstrap daterangepicker中的3個問題

2.選擇一個日期,點選“apply”按鈕,發現選中的日期不能指派到文本框中。這裡是因為我複制modal代碼時,modal代碼上面有一個tabindex=”-1”,将這個屬性删除,就能正常運作。

3.在ie中,已經移除了tabindex=”-1”,代碼已經不能運作正常。選中不了已經選擇的時間範圍。

需要繼續修改代碼: