sử dụng datepicker góc cạnh và ui-bootstrap trong cửa sổ bật lên

Question

Tôi cần người dùng của mình có thể chọn ngày giờ cụ thể trong trường nhập.

Tôi muốn sử dụng thư viện angular-ui-bootstrap vì nó tránh sự phụ thuộc của Jquery. Vấn đề là ngay cả khi nó chứa một datepicker và một timepicker, có vẻ như nó không thể có chúng trong một popup với một bố cục đẹp.

Tôi tìm thấy một thành phần mà chính xác những gì tôi muốn làm với góc-ui-bootstrap: http://www.malot.fr/bootstrap-datetimepicker/demo.php

Vấn đề là nó sử dụng Jquery và chúng ta cần phải bao gồm rất nhiều các tập tin javascript whih làm một chút nặng nề chỉ cho nhu cầu này ...

Tôi đã nghiên cứu trong repo góc-ui-bootstrap github và tìm thấy this issue chứa mẫu plunker giải quyết một phần vấn đề của tôi, nhưng với ví dụ này không có khả năng chọn thời gian.

Có ai biết nếu có thể tại thời điểm này để sử dụng datepicker angular-ui-bootstrap và timepicker để chọn một datetime?

Answer 1

Câu hỏi là một số loại cũ nhưng trong trường hợp bất kỳ ai vẫn đang tìm kiếm một câu trả lời, đây là thực hiện của tôi cho timepicker-popup, hoàn toàn bằng văn bản trong góc.

plunkr

tôi là một hỗn hợp của góc-ui-bootstrap datepicker-popup và timepicker với khả năng chuyển đổi giây.

Vì vậy, hãy vui vẻ với nó!

Answer 2

Tại sao bạn không thử dùng nó bằng hộp thoại? Tôi đã làm một với võ đường và có vẻ lớn:

http://jsfiddle.net/eugenia96/t9bae/

var dojoConfig = (function() { 
    var base = location.href.split("/"); 
    base.pop(); 
    base = base.join("/"); 

    return { 
     async: true, 
     isDebug: true, 
     parseOnLoad: true, 
     packages: [{ 
       name: "demo", 
       location: base + "/" 
      }] 
    }; 
})(); 

Answer 3

Có lẽ điều này có thể giúp đỡ. Tôi đã tạo bộ chọn thời gian ngày kết thúc tốt nhất bộ chọn ngày và giờ. Bạn có thể tìm thấy ở đây

https://github.com/Gillardo/bootstrap-ui-datetime-picker