,可以通过以下步骤完成:
<input type="text" ng-model="selectedTime" ng-click="openTimePicker()" readonly>
app.controller('MainCtrl', function($scope, $mdDialog) {
$scope.selectedTime = '';
$scope.openTimePicker = function() {
$mdDialog.show({
controller: 'TimePickerCtrl',
templateUrl: 'time-picker.html',
parent: angular.element(document.body),
clickOutsideToClose: true
});
};
});
app.controller('TimePickerCtrl', function($scope) {
$scope.timePickerOptions = {
minutesStep: 15 // 设置分钟步数为15
};
});
<md-dialog>
<md-dialog-content>
<md-time-picker ng-model="selectedTime" md-auto-switch="true" md-seconds="false" md-minutes-step="timePickerOptions.minutesStep"></md-time-picker>
</md-dialog-content>
</md-dialog>
在上述代码中,通过md-minutes-step属性设置分钟步数为timePickerOptions.minutesStep。
通过以上步骤,你可以在mdPicker库angularJs上设置分钟步数。当用户点击输入框或按钮时,将会弹出一个mdPicker选择器,用户可以选择时间,并且分钟的步数将按照你设置的值进行调整。
企业创新在线学堂
高校公开课
DBTalk
DBTalk技术分享会
DB TALK 技术分享会
第五届Techo TVP开发者峰会
DBTalk技术分享会
第五届Techo TVP开发者峰会
领取专属 10元无门槛券
手把手带您无忧上云