Jquery AngularJs中数据关闭后日期选择器不工作
我使用jquery日期选择器,如下所示:Jquery AngularJs中数据关闭后日期选择器不工作,jquery,asp.net-mvc,angularjs,Jquery,Asp.net Mvc,Angularjs,我使用jquery日期选择器,如下所示: <div class="col-md-2 rowdatepicker"> <label> RECORDING DATE </label> <input type="text" class="abs-textboxdpsmall" name="textbox-recordingDate" id="recordingDateDoc" ng-model="abstractorSe
<div class="col-md-2 rowdatepicker">
<label>
RECORDING DATE
</label>
<input type="text" class="abs-textboxdpsmall" name="textbox-recordingDate" id="recordingDateDoc" ng-model="abstractorServicesParams.recordingDate" ng-pattern="/^(\d{2})\/(\d{2})\/(\d{4})$/" required />
</div>
这个日期选择器处于AngularJs模式,工作正常。模式中有一个按钮可关闭弹出窗口
<button type="button" class="btn btn-default" data-dismiss="modal" >CANCEL</button>
第一次打开弹出窗口时,DatepickerInit
功能启动,到目前为止一切正常。单击“取消”按钮后,弹出窗口关闭。再次打开相同的模式,即使在模式加载时,DatepickerInit
函数也会触发,但日期选择器仍不工作
我无法跟踪该问题,请帮助我确定从按钮控件启动一次数据解除后,
数据采集器
内部模式不工作的原因?打开弹出窗口这可能会起作用:
var modalInstance = $modal.open({
templateUrl: 'Templates/_AbstractorServices',
controller: AbstractorServicesCtrl
});
modalInstance.result.then(function (selected) {
$scope.selected = selected;
}, function () {
//$log.info('Modal dismissed at: ' + new Date());
});
选中此项。您应该使用angular ui日期选择器,它基于jQuery one,但可以用于angular工作流(除非有jQuery,否则不要使用它)。通常应使用指令来设置日期选择器。你能为你的代码创建JSFIDLE/PLUNK吗?你需要更好地描述这个问题,模态使用什么模块,DatepickerInit()放在哪里,在控制器中或控制器外,何时执行等等。如果没有这些简单的信息,很难帮助这一行:
scope:$scope
看起来很糟糕检查一下这一点,它可以帮助你
$scope.abstractorServices = function () {
ModalService.showModal({
templateUrl: "Templates/_AbstractorServices",
controller: "AbstractorServicesCtrl",
scope: $scope
}).then(function (modal) {
modal.element.modal();
modal.close.then(function (result) {
// nothing else here for now
});
});
};
var modalInstance = $modal.open({
templateUrl: 'Templates/_AbstractorServices',
controller: AbstractorServicesCtrl
});
modalInstance.result.then(function (selected) {
$scope.selected = selected;
}, function () {
//$log.info('Modal dismissed at: ' + new Date());
});