<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div class="card mb-3" ng-app="myApp" ng-controller="myCtrl">
<div ng-show="loading">Loading...</div>
<div class="form-row">
<div class="form-group col-md-4">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" >Từ ngày:</span>
</div>
<input autocomplete="off" ng-change="loadData()" type="text" ng-model="tungay" id="f_tungay" class='form-control ' value="" >
</div>
</div>
<div class="form-group col-md-4">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" >Đến ngày:</span>
</div>
<input autocomplete="off" ng-change="loadData()" type="text" ng-model="denngay" id="f_denngay" class='form-control ' value="" >
</div>
</div>
<div class="form-group col-md-4">
<button ng-click="loadData()" type="button" class="btn btn-primary"><i class="fas fa-search"></i> Xem</button>
</div>
</div>
<script type="text/javascript">
</script>
<p ng-repeat="x in chungtu">
{{ x.KyHieu}}
</p>
</div>
<script>
var app = angular.module("myApp", []);
app.controller('myCtrl', function($scope, $http){
//==== start
$scope.loadData = function () {
$scope.loading=true;
var tungay= covertDate_dmy_ymd($scope.tungay);
var denngay= covertDate_dmy_ymd($scope.denngay);
if(isEmpty(tungay))
{
tungay=getDateCurrent_ymd();
$scope.tungay=getDateCurrent_dmy();
}
if(isEmpty(denngay))
{
denngay=getDateCurrent_ymd();
$scope.denngay=getDateCurrent_dmy();
}
var url= "/module/data/Default.aspx?file=AUC_st_Get_BanHang&obj=sql_pr&src=cnSQL¶=tungay,"+tungay+",dt;denngay,"+denngay+",dt";
//alert(url);
$http({
method : "GET",
url : url
}).then(function mySuccess(response)
{
$scope.chungtu= response.data.Table;
$scope.loading=false;
}, function myError(response)
{
alert( "LỖI:"+ response.statusText );
}
);
}
$scope.loadData();
$scope.NapChonNgay = function(name) {
$(name).datepicker({
dateFormat: "dd/mm/yy",
inline: true,
showAnim: 'fadeIn',
yearRange: '2010:2025',
changeMonth: true,
changeYear: true,
dayNamesMin:['CN','T2','T3','T4','T5','T6','T7'],
monthNamesShort: ['Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6',
'Tháng 7', 'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12'],
});
return '';
} ///
$scope.NapChonNgay('#f_tungay');
$scope.NapChonNgay('#f_denngay');
});//start app.controller
</script>
Input ngày với angularJS