angularjs - 无法从 AngularJS 中的 Controller 设置日期选择器日期

标签 angularjs twitter-bootstrap datepicker

我正在尝试按一下按钮创建一个 AngularJS 日期选择器。我正在使用 this bootstrap-ui 控件。该控件有效(单击按钮弹出,我可以选择一个日期),但我似乎无法从范围中设置初始日期(这样当它第一次打开时,指定的日期已经已选中)。

我在 Chrome 控制台中得到的错误是:

Datepicker directive: "ng-model" value must be a Date object, a number of milliseconds since 01.01.1970 or a string representing an RFC2822 or ISO 8601 date.

Jade :

button(type="button" ng-model="date.from" btn-radio="'From'" ng-click="date.openFromPopup($event);" show-weeks="false" show-button-bar="false" datepicker-popup = "date.format" is-open = "date.fromOpened" min = "date.minDate" max = "date.today") From

因为我在 $scope.date.from 上有 watch ,所以我可以确认所选日期是正确的,但我永远无法从 Controller 设置它。有什么想法吗?

AngularJS Controller :

$scope.date = {};

$scope.date.format = "yyyy/MM/dd";
$scope.date.opened = false;
$scope.date.from = new Date();
$scope.date.today = new Date();
$scope.date.minDate = null;
$scope.date.fromOpened = false;

$scope.$watch('date.from', function(v) {
if(v){
     alert(v);
}
});

最佳答案

在angular-ui页面的例子中,它说要像这样使用它......

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

这样行吗?

关于angularjs - 无法从 AngularJS 中的 Controller 设置日期选择器日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21341806/

相关文章:

twitter-bootstrap - 我需要从 Bootstrap 面板的底部移除填充

php - 仅显示每个月的第一个星期五可供选择 - jQuery UI Datepicker

angularjs - 如何运行 Firebase 和 Angularjs Promises,例如 $loaded(),然后从依赖函数获取值

AngularJS,ui-router,嵌套状态

twitter-bootstrap - Bootstrap 3.0 scrollspy 响应式偏移

jquery - 使用 jQuery 使元素的大小相同

javascript - jQuery UI Datepicker - 禁用当前日期但不突出显示

c# - 如何使用 DatePicker 和 TextBox 将数据添加到 ObservableCollection

javascript - 在 Angular 中使用变量模型

javascript - 如何测试 AngularJS 提供者配置?