Javascript 如何在angular ui Timepicker中禁用分钟输入

Javascript 如何在angular ui Timepicker中禁用分钟输入,javascript,angularjs,angular-ui,Javascript,Angularjs,Angular Ui,这个插件显示时间(小时和分钟)。我只需要几个小时。我怎样才能隐藏分块 我的html: <uib-timepicker ng-model="mytime" ng-change="changed()" hour-step="1" minute-step="10" show-meridian="false" readonly-input="true"></uib-timepicker> 通过在指令中设置模板url,可以覆盖默认的时间选择器模板: <uib-timep

这个插件显示时间(小时和分钟)。我只需要几个小时。我怎样才能隐藏分块

我的html:

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

通过在指令中设置
模板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>

您可以从中获取默认模板,并删除分钟和秒元素。将此修改后的模板存储在项目中,并在指令`template url=“urlToYourModifiedTemplate.html”中设置此模板的url


希望这对您有所帮助。

您可以使用readonly input=“true”作为时间选择器,并设置分钟步长=“0”。它将禁用您的分钟输入

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

template-url = "templates/customTemplate.html"

在uib timepicker组件中更改模板html,或者使用自己修改的模板版本覆盖它。有关时间选择器模板,请参见
template-url = "templates/customTemplate.html"