如何刪除用戶界面引導日期選擇頁腳angularjs

Question

注：您可以在這篇文章中找到答案：我使用的出生領域的最新用戶界面的自舉datapicket Remove footer from angular ui bootstrap date picker

。如下

<input type="text" data-datepicker-popup="dd-MMMM-yyyy" data-show-weeks="false" data-ng-model="model.dateOfBirth" id="dateOfbirth" name="dateOfBirth"> 

它工作正常。如下圖所示

所以我的問題是我怎麼能隱藏日期選擇器的頁腳？

在此先感謝..

Answer 1

你可以做到這一點從全球來看，如下所示：

myApp.config(function (datepickerConfig, datepickerPopupConfig) { 
    // datepickerConfig.showWeeks = false; 
    // datepickerPopupConfig.toggleWeeksText = null; 
    datepickerPopupConfig.showButtonBar = false; 
}); 

或者您可以爲日期選擇器的特定實例執行此操作，如folling：

<input type="text" ng-model="dt" show-button-bar="false" /> 

Answer 2

它悄然不好解決對於這一點，但我沒有看到一個可能soltion in the documentation。 你也許可以用CSS隱藏它們以這樣的方式

[ng-controller="DatepickerDemoCtrl"] > hr ~ button { display:none }

如果你也想隱藏<hr>：

[ng-controller="DatepickerDemoCtrl"] > hr { display:none }

更換DatepickerDemoCtrl與您的控制器。

Answer 3

如果您下載 - 「ui-bootstrap-tpls- [version] .min.js」文件，該指令的模板將包含在JS中。

修改縮小版本可能很困難，因此您可能需要查看未修剪版本。

但基本上你正在尋找的HTML代碼中發現@https://github.com/angular-ui/bootstrap/blob/master/template/datepicker/popup.html

一旦你發現在你的JS文件位，只要你喜歡修改它。

Answer 4

你的問題很簡單。您可以修改角引導模塊中的datepickerPopupWrap指令。 你可以找到一個templateUrl字段。事情是這樣的

templateUrl：

 ^<ul class=\^dropdown-menu\^ ng-style=\^{display: (isOpen && 'block') || 'none', top: position.top+'px', left: position.left+'px'}\^ class=\^dropdown-menu\^>\n^ + 
     ^ <li ng-transclude></li>\n^ + 
     ^</ul>^, 

注：模板/日期選擇器/ popup.html，

只是 模板替換字段替換^與「既然計算器將其作爲一個塊引用。我用^。

---

模板字段定義如何顯示在瀏覽器中輸出。你甚至可以包括你自己的元素和Mo如你所願。

Answer 5

尋找相同的，我發現這個答案：

Remove week column and button from Angular-ui bootstrap datepicker

所以：

angular.module('app', ['ui.bootstrap']) 
    .config(function (datepickerConfig) { 
     datepickerPopupConfig.showButtonBar = false; 
    });