我如何禁用角度ui分鐘輸入Timepicker

這個插件顯示時間（小時和分鐘）。我只需要幾個小時。我如何隱藏分鐘區塊？我如何禁用角度ui分鐘輸入Timepicker

我的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();

來源

2016-06-08 Dmitri Mityugov

要麼在uib-timepicker組件中更改模板html，要麼使用您自己修改的模板版本來覆蓋它。查看[鏈接]（https://github.com/angular-ui/bootstrap/blob/master/template/timepicker/timepicker.html）的時間選擇模板 –

您可以對時間選擇器使用readonly-input =「true」，並設置minute-step =「0」。它會禁用你的分鐘輸入。

如果您不喜歡只讀timepicker的外觀，您可以更改模板URL並在timepicker標籤中添加自己的一個。

template-url = "templates/customTemplate.html"

來源

2016-06-08 12:41:47

您可以通過指令設置template-url覆蓋缺省模板timepicker：

<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，並刪除分鐘d秒元素。將此修改的模板存儲在您的項目中，並將此模板的網址設置爲您的指令`template-url =「urlToYourModifiedTemplate.html」

希望這能幫助您。

來源

2016-06-08 12:20:10

謝謝，它的工作原理！ –

我如何禁用角度ui分鐘輸入Timepicker

回答

相關問題