时间选择器:如何通过更改第一个值来更改第二个值
Timepicker: how to change second value by change on first?
我正在用PHP、Bootstrap和Angular JS开发一个议程应用程序
请参阅Plunker实时预览:http://plnkr.co/edit/FSXB9IvGWOMgFzuEASEl?p=preview
现在,如果我想将"开始时间"更改为一个额外的小时,我希望"结束时间"也更改为+1小时。(因此,在更改开始时间时,间隔总是最小为1小时。)当然,在更改"结束时间"时,间隔是否大于1小时并不重要。
我想要这样的东西:
$scope.updateTimeEnd = function() {
$scope.TimeEnd.setHours($scope.TimeStart.getHours() + 1);
};
<div class="row">
<div class="col-xs-6">
<div class="selectStartTime">
<timepicker ng-model="TimeStart" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker>
</div>
</div>
<div class="col-xs-6">
<div class="selectEndTime">
<timepicker ng-model="TimeEnd" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker>
</div>
</div>
</div>
<timepicker>
元素包含在这个js文件中:<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.js"></script>
有人能告诉我如何做到这一点吗?
我不介意是使用angular(例如ng-bind)还是Javascript。
$scope.updateTimeEnd = function() {
var d = new Date();
d.setHours($scope.TimeStart.getHours() +1);
//d.setMinutes($scope.TimeStart.getMinutes());
$scope.TimeEnd = d;
};
$scope.$watch('TimeStart', function() {
$scope.updateTimeEnd();
});
相关文章:
- 为什么不'在JQuery中找到第二个css选择器的工作
- 时间选择器:如何通过更改第一个值来更改第二个值
- 从第一个日期选择器定义第二个日期选择器的开始日期
- 如何更改基于第一个下拉选择的第二个下拉值
- 根据另一个下拉菜单中的选择更改第二个下拉菜单的值
- 使用Web服务根据对另一个下拉框的选择填充第二个下拉框以获取信息
- 更改第二个日期时的第一个日期选择器将自动更改一年
- 为什么日期选择器在自动打开第二个日期选择器上第一次更改月份时显示同月
- jQuery 根据第一个选择菜单中的值选择填充第二个选择菜单
- 日期选择器多个日期在Google Apps Script中不起作用
- 日期选择器,第二个日期是从第一个日期算起的X天
- 如何在JavaScript中从数组中的每个字符串中选择倒数第二个单词
- Select2使用ajax和php基于第一个(多个)选择填充第二个字段
- 如何基于第一个选择填充第二个选择菜单,基于第二个填充第三个选择菜单-使用Javascript
- 根据前一个下拉选择显示第二个下拉列表
- 根据前一个下拉选择显示第二个下拉列表
- JQuery 时间选择器第二次不工作
- 日期选择器多个字段,其逻辑仅在少数字段中显示月份年份
- 选择倒数第二个元素
- 使用下拉列表选择填充第二个下拉列表内容