Làm thế nào để loại bỏ ui bootstrap datepicker chân angularjs

Question

Lưu ý: Bạn có thể tìm câu trả lời trong bài viết này: Remove footer from angular ui bootstrap date picker

Tôi đang sử dụng datapicket ui-bootstrap cho ngày của lĩnh vực sinh. như bên dưới

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

Nó hoạt động tốt. như hình dưới đây

Vì vậy, câu hỏi của tôi là làm thế nào tôi có thể ẩn các chân của bộ chọn ngày ??

Thanks in advance ..

Answer 1

Bạn có thể làm điều đó trên toàn cầu, như sau:

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

Hoặc bạn có thể làm điều đó cho một trường hợp cụ thể của bộ chọn ngày, như theo dõi:

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

Answer 2

nó lặng lẽ một giải pháp xấu cho rằng, nhưng tôi đã không nhìn thấy một soltion thể in the documentation. Bạn có lẽ có thể ẩn chúng bằng CSS theo cách này:

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

Khi bạn cũng muốn ẩn <hr>:

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

Thay DatepickerDemoCtrl với bộ điều khiển của bạn.

Answer 3

Mẫu cho chỉ thị được bao gồm trong JS nếu bạn tải xuống tệp - "ui-bootstrap-tpls- [version] .min.js".

Có thể khó sửa đổi phiên bản được rút gọn để bạn có thể muốn xem phiên bản chưa được sửa đổi.

Nhưng về cơ bản bạn đang tìm kiếm các mã HTML tìm thấy @https://github.com/angular-ui/bootstrap/blob/master/template/datepicker/popup.html

Khi bạn thấy rằng bit trong tập tin JS của bạn, sửa đổi nó theo ý muốn.

Answer 4

Vấn đề của bạn rất đơn giản. Bạn có thể sửa đổi chỉ thị datepickerPopupWrap trong mô-đun khởi động góc. Bạn có thể tìm trường templateUrl. Một cái gì đó như thế này

templateUrl: template/datepicker/popup.html,

Chỉ cần thay thế lĩnh vực đó với mẫu:

 ^<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>^, 

Chú ý: Thay thế^với "Kể từ stackoverflow mất nó như là một blockquote. tôi đã sử dụng ^.

---

trường mẫu xác định cách hiển thị đầu ra trong trình duyệt. Bạn thậm chí có thể bao gồm các phần tử và mo của riêng bạn dify như bạn muốn.

Answer 5

Nhìn cho cùng, tôi đã tìm thấy câu trả lời này:

Remove week column and button from Angular-ui bootstrap datepicker

Vì vậy:

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