【问题标题】:Datepicker In Bootstrap AngularJSBootstrap AngularJS中的日期选择器
【发布时间】:2016-01-03 03:27:30
【问题描述】:

我的应用程序中有 Datepicker 指令。顶部还有今天的按钮。好吧,现在我想在单击今天时在文本框中显示今天的日期。我怎样才能做到这一点?

【问题讨论】:

  • 请参考这个小提琴来实现jsfiddle.net/e2kddjcb
  • @ariestiyansyah :在您的 jsfiddle 代码中的哪个位置执行此操作?我只看到确实嵌入了此功能的指令,但我看不到 OP 要求什么,这是一个与将日期设置为今天的 datepicker 指令无关的按钮。

标签: angularjs angularjs-directive angular-ui-bootstrap bootstrap-datepicker


【解决方案1】:

标记

<button class="btn" ng-click="today()">Today</button>

JavaScript

$scope.today = function() {
  $scope.dt = new Date();
};

其中 "$scope.dt" 是你的 datepicker 指令的 ng-model。

【讨论】:

  • 今天按钮包含在日期选择器中。它不是我们创建的。单击时,它会突出显示当前日期。所以我们需要改变它当前的功能。它的功能在 Datepicker 的标准 jquery 中所以今天点击时很难在文本框中显示日期。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-20
  • 2014-08-18
  • 2018-09-09
  • 2012-01-06
相关资源
最近更新 更多