如何调用角度js函数和日期选择更改事件（jquery日期选择器） [英] How doi call angular js function and date selected change event (jquery date picker)

问题描述

我需要按日期过滤表格。我希望在更改日期时过滤表格。



我使用jquery日期选择器作为日历。



现在我添加了一个按钮点击（ng-click）调用angular js函数来过滤表。但我希望在ng-change事件上调用此函数。有点像这样。



请检查下面的代码并让我知道我需要更改什么才能使其正常工作。



谢谢。



我的尝试：



我的代码：

I need to filter the table by date. I want table to be filtered when I changed date.

I have used jquery date picker for calender.

Right now I have added a button and which on click (ng-click) call angular js function to filter table. but I want this function to be called on ng-change event. Some thing like this.

Please check my code below and let me know what do I need to change to make it work.

Thank you.

What I have tried:

My code:

code in controller:

$('#dtRms2').datepicker({
        changeMonth: true,
        changeYear: true,
        showAnim: 'slideDown',
        duration: 'fast',
        dateFormat: 'mm/dd/yy',
        onSelect: function (date) {
            $scope.Login_Val = date;
            $scope.$apply();
        }
    });
	
	
	
 $scope.OnLoginChange = function (LoginChangeFilter, inputVal) {

                $scope.Tables = $scope.allTables;
                debugger;
                console.log(LoginChangeFilter);
                console.log(inputVal);
                //let 
                var newArray = [];
                    <pre>switch (LoginChangeFilter) {
                        case '=':

newArray = $ scope.Tables.filter（function（r） {

var d1 = new Date（r.lgDt.toString（））;

var d2 = new Date（inputVal.toString（））;

调试器;

if（d1.getTime（）=== d2.getTime（））{

返回r;

}

}）;

调试器;

休息;

case'> ='：





newArray = $ scope.Tables.filter（function（r）{

var d1 = new Date（r。 lgDt.toString（））;

var d2 = new Date（inputVal.toString（））;



if（d1.getTime（）> = d2.getTime（））{

返回r;

}

}）;

调试器;

break;

case'< ='：

newArray = $ scope.Tables.filter（function（r）{

var d1 = new Date（r。 lgDt.toString（））;

var d2 = new Date（inputVal.toString（））;





if（d1.getTime（）< = d2.getTime（））{

返回r;

}

}）;



休息;

默认：

newArray = $ scope.Tables

休息;

}



$ scope.Tables = newArray;

}





HTML：

newArray = $scope.Tables.filter(function (r) {
var d1 = new Date(r.lgDt.toString());
var d2 = new Date(inputVal.toString());
debugger;
if (d1.getTime() === d2.getTime()) {
return r;
}
});
debugger;
break;
case '>=':


newArray = $scope.Tables.filter(function (r) {
var d1 = new Date(r.lgDt.toString());
var d2 = new Date(inputVal.toString());

if (d1.getTime() >= d2.getTime()) {
return r;
}
});
debugger;
break;
case '<=':
newArray = $scope.Tables.filter(function (r) {
var d1 = new Date(r.lgDt.toString());
var d2 = new Date(inputVal.toString());


if (d1.getTime() <= d2.getTime()) {
return r;
}
});

break;
default:
newArray = $scope.Tables
break;
}

$scope.Tables = newArray;
}


HTML:

<td>
                            <table>
                                <tr>
                                    <td>
                                        <select ng-model="LoginChangeFilter">
                                            <option ng-repeat="c in Comparers" value="{{c}}">{{c}}</option>
                                        </select>
                                    </td>
                                    </tr>
                                <tr>
                                    <td>
                                        <input type="text" id="dtRms2" ng-model="Login_Val" ng-change="OnRmsLoginChange(LoginChangeFilter,Login_Val)">{{RmsLogin_Val}}
                                    </td>
                                    <td>
                                        <%--<input type="hidden" id="start" ng-model="Login_Val" ng-change="OnLoginChange(LoginChangeFilter,Login_Val)"/>--%>
                                        <input type="button" value="Go" ng-click="OnRmsLoginChange(LoginChangeFilter,Login_Val)" />
                                    </td>
                                </tr>
                            </table>
                        </td>          

推荐答案

（'＃dtRms2'）。datepicker（{
changeMonth：true，
changeYear：true，
showAnim：'slideDown'，
持续时间：'快'，
dateFormat：'mm / dd / yy'，
onSelect：function（date）{

('#dtRms2').datepicker({ changeMonth: true, changeYear: true, showAnim: 'slideDown', duration: 'fast', dateFormat: 'mm/dd/yy', onSelect: function (date) {

scope.Login_Val = date;

scope.Login_Val = date;

scope。

这篇关于如何调用角度js函数和日期选择更改事件（jquery日期选择器）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！