Использовать подборку бутстрапов с угловым

Могу ли я использовать бутстрап 3 выбора даты component с угловым?Использовать подборку бутстрапов с угловым

Я пробовал следовать руководству this, но мне не удалось выполнить только ввод, но не календарь при нажатии.

EDIT: Это pen несколько напоминает мой фактический код, и что я хотел добавить сборщика DateTime. Я знаю, что есть несколько сборщиков дат для углового, но тот, с которым я связан, лучше подходит для моего дизайна, я считаю.

angular.module('materialApp.directives') 
    .directive('psDatetimePicker', function (moment) { 
     var format = 'MM/DD/YYYY hh:mm A';

Я совершил какие-либо очевидные ошибки?

источник

2015-08-21 dearn44

Можете ли вы показать код или создать скрипку? – arunatebel

Я не могу, потому что код сам по себе слишком велик и содержит разные вещи. Я постараюсь создать скрипку. – dearn44

@tibzon, возможно, ручка помогает. – dearn44

Вы можете использовать ui-bootstrap's (модуль AngularJS) datepicker. Reference here.

источник

2015-08-21 14:17:48

Я видел этот компонент, но я хотел, чтобы у него тоже было время. Плюс тот, который я показал, выглядит немного лучше, я думаю. – dearn44

Ну, вы можете использовать timepicker с выбором даты;) –

Try самозагрузки-DatePicker

GitHub репо: https://github.com/eternicode/bootstrap-datepicker

Демо: http://www.eyecon.ro/bootstrap-datepicker/

Попробуйте на дату со временем:

https://eonasdan.github.io/bootstrap-datetimepicker/

источник

2015-08-21 14:19:09

Компонент, который вы предлагаете, тот, который я пытаюсь использовать и связал в своем вопросе. Дело в том, что оно не для углового. – dearn44

Он также может использоваться с угловым, вам просто нужно позвонить $ ('# datetimepicker1'). Datetimepicker(); функции. –

Можете ли вы создать пример этого, потому что мне нужно использовать контроллер, и я думал, что учебник, который я связал, был единственным способом. – dearn44

Взгляните на documentation на ваш загрузочный таймер и не увидев свой код - я бы предположил, что у вас нет всего загруженного. Убедитесь, что вы включили все необходимое ... особенно bootstrap.js, чтобы включить сбой ... и вам все равно нужно использовать загрузочный файл datetimepicker, упомянутый Таруном.

Минимальные требования

jQuery 
Moment.js 
Bootstrap.js (transition and collapse are required if you're not using the full Bootstrap) 
Bootstrap Datepicker script 
Bootstrap CSS 
Bootstrap Datepicker CSS 
Locales: Moment's locale files are here

<head> 
    <!-- ... --> 
    <script type="text/javascript" src="/bower_components/jquery/jquery.min.js"></script> 
    <script type="text/javascript" src="/bower_components/moment/min/moment.min.js"></script> 
    <script type="text/javascript" src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> 
    <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" /> 
    <link rel="stylesheet" href="/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" /> 
</head>

источник

2015-08-21 14:34:11 cmgsakell

Я добавил все требования, но я просто скопировал вставку директивы из связанного учебника. – dearn44

Ну вот почему ... это не полная директива. В этой скрипке (http://jsfiddle.net/Eonasdan/0Ltv25o8/) вы можете увидеть, что они загружают полную директиву (https://github.com/Eonasdan/bootstrap-datetimepicker/blob/master/src/js/bootstrap -datetimepicker.js) во внешних ресурсах. Я не буду следовать учебнику, но вместо этого следую фактической документации для этой директивы. – cmgsakell

Сценарий, который вы предоставили, хотя использует компонент, который я хочу, не имеет связи с угловым из того, что я вижу. – dearn44

Использовать подборку бутстрапов с угловым

ответ

Смежные вопросы