【问题标题】:i want display the date picker in angularJs?我想在 angularJs 中显示日期选择器?
【发布时间】:2026-01-23 15:15:01
【问题描述】:

我是 angularjs 的新手。我想在 angularjs 中显示如下所示的日历,默认为今天的日期。日期选择器应该只允许某人选择今天或未来(换句话说,如果日期选择器显示今天,左箭头应该被禁用;当用户点击右箭头时,日期应该增加,左箭头应该除非用户左箭头回到今天,否则将被启用。)

                          < Thursday July 30 2015 >   

【问题讨论】:

  • 你的图片有问题 :)
  • 我没有发送 img 的权限...那是你我写的日期就像 img 一样请帮助我....
  • 您的“img”可以很好地展示您想要的内容,但您的问题仍然需要一些帮助……您尝试过什么?
  • 清理语法; OP 仍然需要提供他们尝试过的内容
  • 删除了我错误留下的图片字

标签: javascript html css angularjs twitter-bootstrap


【解决方案1】:

您可以参考以下链接。

https://angular-ui.github.io/bootstrap/

 <h4>Inline</h4>
<div style="display:inline-block; min-height:290px;">
  <datepicker ng-model="dt" min-date="minDate" show-weeks="true" class="well well-sm" custom-class="getDayClass(date, mode)"></datepicker>
</div>

【讨论】:

    【解决方案2】:

    您可以使用以下日期选择器:- https://eonasdan.github.io/bootstrap-datetimepicker/

    对于角度:- https://eonasdan.github.io/bootstrap-datetimepicker/Installing/#angular-wrapper

    并使用 minDate() 函数禁用当前日期/默认日期之前的日期。

    【讨论】: