在javascript库中使用AngularJS服务(引导年份日历)
我需要在AngularJS应用程序中使用引导年日历。 基本上,目标是让员工创建假期,并在日历中查看假期。 我有一些服务将在mongodb数据库中插入并获取它们的假期,但我需要在开始时使用服务返回的值在javascript库中设置dataSource变量,并从selectRange事件中获取值以调用post服务。我正在调用控制器中的所有服务,但在这种情况下,我需要在这个javascript库中调用它们。 我将把代码中需要调用服务的部分发布出来在javascript库中使用AngularJS服务(引导年份日历),javascript,jquery,angularjs,twitter-bootstrap,Javascript,Jquery,Angularjs,Twitter Bootstrap,我需要在AngularJS应用程序中使用引导年日历。 基本上,目标是让员工创建假期,并在日历中查看假期。 我有一些服务将在mongodb数据库中插入并获取它们的假期,但我需要在开始时使用服务返回的值在javascript库中设置dataSource变量,并从selectRange事件中获取值以调用post服务。我正在调用控制器中的所有服务,但在这种情况下,我需要在这个javascript库中调用它们。 我将把代码中需要调用服务的部分发布出来 (function($) { var Cale
(function($) {
var Calendar = function(element, options) {
this.element = element;
this.element.addClass('calendar');
this._initializeEvents(options);
this._initializeOptions(options);
this._render();
};
Calendar.prototype = {
constructor: Calendar,
_initializeOptions: function(opt) {
if(opt == null) {
opt = [];
opt.enableRangeSelection = true;
opt.alwaysHalfDay = true;
opt.language = "fr";
opt.displayWeekNumber = true;
opt.dataSource = []; // need to set this with
// the values from a service
}
//////////////////////////
$(window).mouseup(function (e) {
if (_this._mouseDown) {
_this._mouseDown = false;
_this._refreshRange();
var minDate = _this._rangeStart < _this._rangeEnd ? _this._rangeStart : _this._rangeEnd;
var maxDate = _this._rangeEnd > _this._rangeStart ? _this._rangeEnd : _this._rangeStart;
console.log("minDate - " + minDate.toLocaleDateString());
console.log("maxDate - " + maxDate.toLocaleDateString());
//Need to call a post service here
_this._triggerEvent('selectRange', { startDate: minDate, endDate: maxDate });
}
});
$(窗口).mouseup(函数(e){
如果(_this._mouseDown){
_这是。_mouseDown=false;
_这个;
var minDate=_this._rangeStart<_this._rangeEnd?_this._rangeStart:_this._rangeEnd;
var maxDate=\u this.\u rangeEnd>\u this.\u rangeStart?\u this.\u rangeEnd:\u this.\u rangeStart;
log(“minDate-”+minDate.toLocaleDateString());
log(“maxDate-”+maxDate.toLocaleDateString());
//需要在这里打电话给邮局吗
_这个。triggerEvent('selectRange',{startDate:minDate,endDate:maxDate});
}
});
我倾向于将事件处理程序置于方法中。run
方法:
̶$̶(̶w̶i̶n̶d̶o̶w̶)̶.̶m̶o̶u̶s̶e̶u̶p̶(̶f̶u̶n̶c̶t̶i̶o̶n̶ ̶(̶e̶)̶ ̶{̶
app.run(function($window, myService) {
angular.element($window).on("mousedown", function(e) {
var _this /* ???? */
. if (_this._mouseDown) {
_this._mouseDown = false;
_this._refreshRange();
var minDate = _this._rangeStart < _this._rangeEnd ? _this._rangeStart : _this._rangeEnd;
var maxDate = _this._rangeEnd > _this._rangeStart ? _this._rangeEnd : _this._rangeStart;
console.log("minDate - " + minDate.toLocaleDateString());
console.log("maxDate - " + maxDate.toLocaleDateString());
//Call `myService` here
_this._triggerEvent('selectRange', { startDate: minDate, endDate: maxDate });
}
});
});
-$)(-,w-,i-,n-,d-,o-,w-)-,m-,o-,u-,s-,e-,u-,p-(-,f-,u-,n-,c-,t-,i-,o-),e-,u-,e-,u-,u-,p-)(,f-,u-,n-,c-,t-,i-,o-,n-)
app.run(函数($window,myService){
angular.element($window).on(“mousedown”,函数(e){
var_this/**/
.if(_this._mouseDown){
_这是。_mouseDown=false;
_这个;
var minDate=_this._rangeStart<_this._rangeEnd?_this._rangeStart:_this._rangeEnd;
var maxDate=\u this.\u rangeEnd>\u this.\u rangeStart?\u this.\u rangeEnd:\u this.\u rangeStart;
log(“minDate-”+minDate.toLocaleDateString());
log(“maxDate-”+maxDate.toLocaleDateString());
//在这里呼叫'myService'
_这个。triggerEvent('selectRange',{startDate:minDate,endDate:maxDate});
}
});
});
但是我不知道从哪里获取这个对象的值