私は角度材料のモバイルアプリケーションを構築しています。角度材料カレンダーをその中に組み込む必要があります。しかし、私は正しいcdnまたはプラグインを見つけられないようです。私が見つけたチュートリアルは非常に混乱していました私はバウアーやnpmでそれをインストールするのではなく、直接cdnを使ってそれを呼び出すことを望んでいます。さらに、npmを通してインストールしている間に、どのように呼び出すか、角度のある素材で使用するかについての適切な文書はありません。私は自分自身の角度jについて非常に新しいです。誰かが私を導くことができれば本当に感謝します。 次のリンクは、私が欲しいものを満たすように見えるが、それはerrorfullあるいは全く結果角度材料カレンダーの使い方
https://github.com/logbon72/angular-material-datetimepicker
アンギュラ材質カレンダー例を導きとして、私は、CDNを通じて私のアプリに統合する方法がわからない：
もしあなたがcdnを必要としないならば、単にブラウザを使ってすべてのCSS/javascriptをダウンロードし、ローカルに保存し、それへのパスを変更してください。以下のコードでURLを使用してください。
/**
* Created by intelWorx on 11/11/2015.
*/
(function() {
'use strict';
angular.module('mdDatetimePickerDemo', [
'ngMaterialDatePicker'
])
.controller('DemoCtrl', function($scope) {
$scope.date = new Date();
$scope.time = new Date();
$scope.dateTime = new Date();
$scope.minDate = moment().subtract(1, 'month');
$scope.maxDate = moment().add(1, 'month');
});
})();<html ng-app="mdDatetimePickerDemo">
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.0-rc3/angular-material.min.css" rel="stylesheet" />
<link href="https://logbon72.github.io/angular-material-datetimepicker/css/material-datetimepicker.css" rel="stylesheet" />
</head>
<body>
<md-content>
<h3>Datepicker only</h3>
<md-input-container class="md-input-has-placeholder">
<label>Start Date/Time</label>
<input time="false" date="true" mdc-datetime-picker="" type="text" id="date" placeholder="Date" ng-model="date" min-date="minDate" max-date="maxDate" class=" md-input">
</md-input-container>
<br />
<h3>Timepicker only(12-hour)</h3>
<md-input-container class="md-input-has-placeholder">
<label>Start Date/Time</label>
<input mdc-datetime-picker="" date="false" time="true" type="text" id="time" short-time="true" placeholder="Time" min-date="minDate" format="hh:mm a" ng-model="time" class=" md-input">
</md-input-container>
<br />
<h3>Timepicker only(24-hour)</h3>
<md-input-container class="md-input-has-placeholder">
<label>Start Date/Time</label>
<input mdc-datetime-picker="" date="false" time="true" type="text" id="time2" placeholder="Time" min-date="minDate" format="HH:mm" ng-model="time" class=" md-input">
</md-input-container>
<br />
<h3>DatepTimePicker</h3>
<md-input-container class="md-input-has-placeholder">
<label>Start Date/Time</label>
<input mdc-datetime-picker="" date="true" time="true" type="text" id="datetime" placeholder="Date" min-date="date" ng-model="dateTime" class=" md-input">
</md-input-container>
<br />
<h3>Date Range Example</h3>
<div class="range layout-column flex-gt-md-30">
<md-input-container class="md-input-has-placeholder">
<label>Start Date/Time</label>
<input mdc-datetime-picker="" date="true" time="true" type="text" placeholder="Date" max-date="dateTimeEnd" ng-model="dateTimeStart" class=" md-input" id="input_0">
</md-input-container>
<md-input-container class="md-input-has-placeholder">
<label>End Date/Time</label>
<input mdc-datetime-picker="" date="true" time="true" type="text" placeholder="Date" min-date="dateTimeStart"="dateTimeEnd" class=" md-input" id="input_1" ng-model="dateTimeEnd">
</md-input-container>
</div>
</md-content>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment-with-locales.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.0-rc3/angular-material.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-aria.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.0-rc3/angular-material.min.js"></script>
<script type="text/javascript" src="https://logbon72.github.io/angular-material-datetimepicker/js/angular-material-datetimepicker.js"></script>
</body>
</html>
本当に便利でした..That @Yinギャングありがとう –