0
以下のコードを実行しようとしましたが、希望の出力が得られませんでした。私は開始日と終了日を検証する必要があり、プログラムの開始と終了は実際の開始日と終了日の間でなければなりません。今、私は日付の検証のための出力を持っていますが、ng-repeatコードは動作していません。これで私を助けてください。スクリプトでJQueryコードを使用するとng-repeatが実行されない
enter code here
<!doctype html>
<html>
<head>
Resource Tracker
</head>
<title>
Resource Tracker
</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"
type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="Stylesheet"type="text/css"/>
<script type="text/javascript">
$(function() {
$("#txtFrom").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#pgmFrom").datepicker("option", "minDate", dt);
$("#txtTo").datepicker("option", "minDate", dt);
$("#pgmTo").datepicker("option", "minDate", dt);
}
});
$("#pgmFrom").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#pgmTo").datepicker("option", "minDate", dt);
}
});
$("#pgmTo").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() - 1);
$("#pgmFrom").datepicker("option", "maxDate", dt);
}
});
$("#txtTo").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() - 1);
$("#pgmFrom").datepicker("option", "maxDate", dt);
$("#pgmTo").datepicker("option", "maxDate", dt);
}
});
});
var app = angular.module("myapp", []);
app.controller("ListController", ['$scope', function($scope) {
$scope.employeeDetails = [
];
$scope.addNew = function(employeeDetail){
$scope.employeeDetails.push({
'empid': "",
'fname': "",
'lname': "",
'stream':"",
'location':"",
'resourcetype':"",
'programname':"",
'ssstartdate':"",
'programstartdate':"",
'programenddate':"",
'releasedate':""
});
};
$scope.remove = function(){
var newDataList=[];
$scope.selectedAll = false;
angular.forEach($scope.employeeDetails, function(selected){
if(!selected.selected){
newDataList.push(selected);
}
});
$scope.employeeDetails = newDataList;
};
$scope.checkAll = function() {
if (!$scope.selectedAll) {
$scope.selectedAll = true;
} else {
$scope.selectedAll = false;
}
angular.forEach($scope.employeeDetails, function(employeeDetail) {
employeeDetail.selected = $scope.selectedAll;
});
};
}]);
</script>
<body ng-app="myapp" ng-controller="ListController">
<div class="container">
<form ng-submit="addNew()">
<table class="table" style="width: 100%">
<thead>
<tr style="width:100%">
<th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th>
<th>Employee Id</th>
<th>Firstname</th>
<th>Lastname</th>
<th>Stream</th>
<th>Location</th>
<th>Resource Type</th>
<th>Program Name</th>
<th>SS Start Date</th>
<th>Program Start Date</th>
<th>Program End Date</th>
<th>Release Date</th>
</tr>
</thead>
<tbody ng-repeat="employeeDetail in employeeDetails">
<tr>
<td >
<input type="checkbox" ng-model="employeeDetail.selected"/></td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.empid" maxlength="6" /></td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.fname" /></td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.lname" /></td>
<td>
<select class="form-control" ng-model="employeeDetail.stream" />
<option value="O2A">O2A</option>
<option value="billing">Billing</option>
<option value="TOSCA">TOSCA</option>
<option value="NFT">NFT</option>
</select>
<td>
<select class="form-control" ng-model="employeeDetail.location" />
<option value="onshore">Onshore</option>
<option value="offshore">OffShore</option>
</select>
</td>
<td>
<select class="form-control" ng-model="employeeDetail.resourcetype" />
<option value="core">Core</option>
<option value="hold">Hold</option>
</select>
</td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.programname" /></td>
<td>
<input type="text" id="txtFrom" class="form-control" pick-a-date="curDate" ng-model="employeeDetail.ssstartdate" /></td>
<td>
<input type="text" id="pgmFrom"class="form-control" ng-model="employeeDetail.programstartdate" /></td>
<td>
<input type="text" id="pgmTo" class="form-control" ng-model="employeeDetail.programenddate" /></td>
<td>
<input type="text" id="txtTo" class="form-control" ng-model="employeeDetail.releasedate" /></td>
</tr>
</tbody>
</table>
<div class="form-group">
<input ng-hide="!employeeDetails.length" type="button" class="btn btn-danger pull-right" ng-click="remove()" value="-">
<input type="submit" class="btn btn-primary addnew pull-right" value="+">
</div>
</form>
</div>
</body>
<html>
あなたのコンソールのエラーを確認しました。 –
yeah Kumar。 'Uncaught参照エラー：角度が定義されていません' – Jnanesh
最初に角度が定義されていない問題が2回起こる...まず角度jsライブラリファイルがヘッダーに含まれていないか、コード内で何かが間違っていました。既にjsライブラリファイルを追加しているか、 –