我正在使用这个 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
};
});
}
}
})();
最佳答案
只需将 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
关于javascript - 如何在 View 加载时将日期设置为占位符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34661499/