我如何禁用 angular ui Timepicker 中的分钟输入

Question

此插件显示时间（小时和分钟）。我只需要几个小时。我如何隐藏分钟块？

我的html:

 <uib-timepicker ng-model="mytime" ng-change="changed()" hour-step="1" minute-step="10" show-meridian="false" readonly-input="true"></uib-timepicker>

Controller.js:

$scope.mytime = new Date();

Answer 1

您可以通过在指令中设置 template-url 来覆盖默认时间选择器模板：

 <uib-timepicker ng-model="mytime" ng-change="changed()" hour-step="1" minute-step="10" show-meridian="false" template-url="urlOfYourModifiedTimepicker.html" readonly-input="true"></uib-timepicker>

您可以从here获取默认模板，并删除分钟和秒元素。将这个修改后的模板存储在你的项目中，并在你的指令`template-url="urlToYourModifiedTemplate.html"

中设置这个模板的url

希望这对您有所帮助。

Answer 2

您可以使用 readonly-input="true" 作为时间选择器并设置 minute-step="0"。它将禁用您的分钟输入。

如果您不喜欢只读时间选择器的外观和感觉，您可以更改模板 URL 并在时间选择器标签本身中添加一个您自己的模板。

template-url = "templates/customTemplate.html"

我如何禁用 angular ui Timepicker 中的分钟输入

How i can disable minutes input in angular ui Timepicker

javascript

angularjs

angular-ui