Question

我正在开发一个angularJS应用程序。我想添加时间选择器模块，可以在HTML标签中调用？我怎么能这样做？

应该是这样的

<input type="text" data-ng-model="timeInput" time-pick="HH:MM:SS" time-default="'08:00:00'">

感谢您的时间。

Answer 1

有一个很棒的图书馆，里面有很多小部件。它的名字是UI Bootrstap。关于您的问题，有一个时间戳click here。它当然是一个开源库，您可以根据需要调整小部件。

Answer 2

将日期选择器图形组件（如jquery ui datepicker）包装到指令中。以下是a related answer的示例。

Answer 3

示例：

<!DOCTYPE html>
<html>
<body>

<p>
Depending on browser support:<br>
A date picker can pop-up when you enter the input field.
</p>

<form action="action_page.php">
  Birthday:
  <input type="time" name="bday">
  <input type="submit">
</form>

<p><b>Note:</b> type="date" is not supported in Internet Explorer.</p>

</body>
</html>

如何为angularJS添加时间选择器？

3 个答案: