0

我想,以取代自舉日期選擇器和自舉timepicker在我的角度,帶日期選擇器和timepicker指令應用程序,我現在面臨一些麻煩共存:獲得角錶帶與引導,日期選擇器

我有一個視圖,我仍然依靠引導日期選擇器(我需要內聯日期選擇器),並且當我加載引導日期選擇器css時,它會打破我的角度日期選擇器。

angular-strap datepicker

我猜他們都使用相同的CSS類,但我怎麼可能讓他們倆共存(而無需在它們都不代碼破解)?

回答

1

角度帶的組件不需要額外的CSS,但它們可能會被bootstrap-datepicker的一些額外樣式打破,因爲它們也有datepicker自己的類。

所以,你有2種選擇:

  1. 不要在同一個頁面上同時使用datepickers。我並不是指整個應用程序,只是在該頁面上包含樣式,而這些樣式是真正需要的。
  2. 覆蓋角帶模板並刪除此類名稱。添加以下到您的角碼

代碼:

angular.module('app', []).config(function($datepickerProvider) { 
    // path for your overriden template  
    $datepickerProvider.template = 'templates/custom-datepicker.tpl.html'; 
}); 

然後複製模板從angular-strap sources,請從第一行datepicker類如上面所描述的配置按路徑保存。現在它將被用來代替默認值。

這只是臨時解決方案,可幫助您在遷移過程中保持工作。這些庫的功能完全相同,所以衝突是很有可能的。

+0

我去了選項2,我認爲它是最乾淨的一個。缺點是我每次更新角度帶時都必須記住這些更改。 – 2015-06-01 07:13:34