Angularjs 如何制作uib日期选择器&x27;是否显示要动态更新的微调器?
正如您在该代码段中看到的,我已将属性Angularjs 如何制作uib日期选择器&x27;是否显示要动态更新的微调器?,angularjs,Angularjs,正如您在该代码段中看到的,我已将属性show meridian和show spinners设置为与变量$scope.myBool匹配 我还添加了一个绿色按钮,上面写着change和切换$scope.myBool 虽然show meridian对$scope.myBool中的任何更改都能做出完美的反应,show meridian没有被更新 angular.module('ui.bootstrap.demo',['ngAnimate','ngSanitize','ui.bootstrap']);
show meridian
和show spinners
设置为与变量$scope.myBool
匹配
我还添加了一个绿色按钮,上面写着change代码>和切换$scope.myBool
虽然show meridian
对$scope.myBool
中的任何更改都能做出完美的反应,show meridian
没有被更新
angular.module('ui.bootstrap.demo',['ngAnimate','ngSanitize','ui.bootstrap']);
angular.module('ui.bootstrap.demo')。controller('TimepickerDemoCtrl',function($scope,$log){
$scope.mytime=新日期();
$scope.hstep=1;
$scope.mstep=15;
$scope.options={
hstep:[1,2,3],
mstep:[1,5,10,15,25,30]
};
$scope.ismeridian=true;
$scope.toggleMode=函数(){
$scope.ismeridian=!$scope.ismeridian;
};
$scope.update=函数(){
var d=新日期();
d、 设定时间(14);
d、 设置分钟(0);
$scope.mytime=d;
};
$scope.changed=函数(){
$log.log('时间更改为:'+$scope.mytime);
};
$scope.clear=函数(){
$scope.mytime=null;
};
$scope.myBool=false;
});
.timepickercontainer.uib timepicker.btn链接{
显示:无;
}
时间是:{mytime | date:'shortTime'}
时间步骤是:
步骤是:
12小时/24小时
设置为14:00
清楚的
改变
这是一个老套的解决方案。我在评论中的说法最好是在指令的回购协议中提出问题
对于“使微调器隐藏并显示”,必须输入ui-bootstrap-tpls.js文件并找到此行
$scope.showSpinners = angular.isDefined($attrs.showSpinners) ?
$scope.$parent.$eval($attrs.showSpinners) : timepickerConfig.showSpinners;
用这个代替
$scope.showSpinners = timepickerConfig.showSpinners;
if ($attrs.showSpinners) {
watchers.push($scope.$parent.$watch($parse($attrs.showSpinners),
function(value) {
$scope.showSpinners = !!value;
updateTemplate();
}));
}
这是我的plnkr
这是一个老套的解决方案。我在评论中的说法最好是在指令的回购协议中提出问题
对于“使微调器隐藏并显示”,必须输入ui-bootstrap-tpls.js文件并找到此行
$scope.showSpinners = angular.isDefined($attrs.showSpinners) ?
$scope.$parent.$eval($attrs.showSpinners) : timepickerConfig.showSpinners;
用这个代替
$scope.showSpinners = timepickerConfig.showSpinners;
if ($attrs.showSpinners) {
watchers.push($scope.$parent.$watch($parse($attrs.showSpinners),
function(value) {
$scope.showSpinners = !!value;
updateTemplate();
}));
}
这是我的plnkr
我认为可能是与指令相关的问题,而不是您的代码,请尝试在问题部分报告错误。我仍在进行研究。我认为可能是与指令相关的问题,而不是您的代码,请尝试在问题部分报告错误。我还在做研究。我还在回购协议中为这个函数性开了一个问题。我还在回购协议中为这个函数性开了一个问题。