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 =＆＃34; true＆＃34;对于时间选择器和设置分钟步骤=＆＃34; 0＆＃34;。它将禁用您的分钟输入。

如果您不喜欢只读时间戳的外观，您可以更改模板URL并在timepicker标签中添加自己的一个。

template-url = "templates/customTemplate.html"

如何在角度ui Timepicker中禁用分钟输入

2 个答案: