今すぐ自分のコードから&の時間を選択でき、入力を編集して編集することができますユーザーから。Angular Bootstrap DateTimePicker - フィールドに入力を無効にしてユーザーにドロップダウンを強制的に選択させる方法
しかし、ユーザーには、特定のフィールドの入力を入力するのではなく、ドロップダウンからのみ選択するようにしたいと考えています。
ここでは、日付と時刻のピッカーのドロップダウンコード を表示します。UIが表示されている場合は、ユーザーがドロップダウンからのみ選択するようにします。 私は自分の入力
どれでも助けを与えるために、ユーザが...
angular.module("app",['ui.bootstrap.datetimepicker'])<link href="//unpkg.com/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
<link href="//unpkg.com/angular-bootstrap-datetimepicker/src/css/datetimepicker.css" rel="stylesheet" />
<script src="//unpkg.com/jquery"></script>
<script src="//unpkg.com/moment/moment.js"></script>
<script src="//unpkg.com/bootstrap/dist/js/bootstrap.js"></script>
<script src="//unpkg.com/angular/angular.js"></script>
<script src="//unpkg.com/angular-bootstrap-datetimepicker/src/js/datetimepicker.js"></script>
<script src="//unpkg.com/angular-bootstrap-datetimepicker/src/js/datetimepicker.templates.js"></script>
<body ng-app="app">
<h3>Datepicker DEMO</h3>
<p>Selected date: {{data.date | date : 'medium'}}</p>
<button class="dropdown dropdown1-parent">
<a class="dropdown-toggle" id="dropdown1"
role="button" data-toggle="dropdown"
data-target=".dropdown1-parent" href="#">
Pick Date <i class="glyphicon glyphicon-calendar"></i>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<datetimepicker data-ng-model="data.date"
data-datetimepicker-config="{ dropdownSelector: '.dropdown-toggle' }">
</datetimepicker>
</ul>
</button>
</body>
を理解されるであろうあなたのを言及したくありませんあなたは実際にそれを含めるのを忘れてしまったようです。 – numaroth
コードの画像が読めません。 – georgeawg
ヒント：***フィールド***を入力可能にしたくない場合は、入力フィールドにしないでください。 – Adam