javascript - 如何在 View 加载时将日期设置为占位符？

Question

我正在使用这个 plugin Angular 实际上是这个 extension当 View 加载时，您看到的只是一个空输入，当您单击该输入时，日历就会出现，并且今天的日期会显示在该输入中。

我需要的是在 View 准备好时在输入中加载今天的日期。

这是我的使用方式

<input type='text' datetimepicker
       datetimepicker-options="{format: 'MM/DD/YYYY', useCurrent: true}"/>

您有什么建议？

编辑

我在输入中添加了 autofocus，并且显示了日期选择器，而不仅仅是我需要的日期。

我的 Controller :

(function () {
  'use strict';

  angular
    .module('palpatine')
    .controller('RotationsCtrl', RotationsCtrl);

  /* @ngInject */
  function RotationsCtrl (Rotations, $scope, $rootScope, $state) {
    /*jshint validthis: true */
    var vm = this;

    activate();

    function activate () {

      $(document).ready(function () {

        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth()+1; //January is 0!
        var yyyy = today.getFullYear();

        if(dd<10) {
            dd='0'+dd
        }

        if(mm<10) {
            mm='0'+mm
        }

        today = mm+'/'+dd+'/'+yyyy;

        $scope.today = moment().format("MM/DD/YYYY");

        console.log(today);

        $scope.datetimepickerOptions = {
          format: 'MM/DD/YYYY',
          defaultDate: today
        };


      });

    }
  }
})();

Answer 1

只需将 defaultDate 设置为当前日期即可。这将覆盖 useCurrent，因此不再需要它。

在 Controller 中

$scope.datetimepickerOptions = {
    format: 'MM/DD/YYYY', 
    defaultDate: new Date()
};

HTML

<input type='text' 
       datetimepicker
       datetimepicker-options="{{datetimepickerOptions}}"/>

编辑

结果是diosney/angular-bootstrap-datetimepicker-directive在 0.1.3 版本中存在 defaultDate 的错误。解决方案是将其更新到 master 分支。

bower.json

"angular-bootstrap-datetimepicker-directive": "#master"

然后运行

bower update