我使用过this Bootstrap datepicker with angular directive。它工作正常。现在我需要再做一点定制。单击第一个输入时,它将显示第一个下拉日历。单击另一个打开另一个日历下拉菜单。我现在需要的只是那些下拉列表不会一起显示。我的意思是当第一个下拉列表打开时,点击第二个输入将打开第二个下拉列表以及第一个下拉列表应该关闭。同样,当第二个下拉列表打开时,点击第一个输入将打开第一个日历下拉列表,第二个下拉列表应该关闭。
所以,我需要做类似的事情:
when date1 is open
close date2 if it is open
when date2 is open
close date1 if it is open
但是,由于我是棱角分明的新人,我不明白如何以棱角分明的方式做到这一点。怎么做?
答案 0 :(得分:3)
如果你只有2个日期选择器,那么就可以这样做来代替
$scope.open[date] = true;
把这个
if(date=== 'date4'){
$scope.open['date4'] = true;
$scope.open['date5'] = false;
}else{
$scope.open['date4'] = false;
$scope.open['date5'] = true;
}
如果您有多个日期选择器,那么您可以调用循环来关闭它们。