datetimepicker - 将日期值传递给角度控制器

Question

首先我只想说我刚刚开始使用 Angular，所以这一切对我来说真的很新鲜。我什至不知道我的设置是否以正确的方式完成。

我想要做的是在我在 datetimepicker 中选择日期值后将它传递回我的角度控制器，以便我可以处理它。

我遇到的问题是，当我选择日期时（我可以通过弹出的警报清楚地看到我选择的内容。更改）我无法通过输入中的任一 ng-model 属性传递值将日期值存储在变量中后标记或使用 ng-click。

我希望在 Angular 控制器中将日期作为字符串或类似的东西传递给 $scope.chosenDate = '';。

我正在使用：DateTimePicker Bootstrap 3 - 最低设置版本： DateTimePicker Bootstrap 3

这里是日期时间选择器：

    <div class="col-lg-12 col-md-6">
            <lable class="lfInputLable">From</lable>
            <div class="form-group" style="margin-bottom: 5px !important;">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            var dateToPass;
            $(document).ready(function dateFunction() {
                $('#datetimepicker1').datetimepicker({
                    format: 'YYYY-MM-DD hh:mm'
                });
                $('#datetimepicker1').on("dp.change", function () {
                    var selectedDate1 = $("#datetimepicker1").data('date').toString();
                    var dateToPass = selectedDate1.toString();
                    alert("Date is set to: " + selectedDate1);
                    alert("The Date To Pass: " + dateToPass)
                });
            });            
        </script>

Answer 1

1) 你做错了。选择任何 Angular js 支持的日期选择器

https://github.com/720kb/angular-datepicker

2) Angular js 支持两种方式绑定。请阅读有关双向绑定的更多信息。然后你就可以从 Angular js 中的变量开始了

http://www.w3schools.com/angular/angular_databinding.asp

Answer 2

所以我得到了这个工作，但我必须使用另一个 Datetimepicker。

我使用的是：dalelotts/angular-bootstrap-datetimepicker

像魔术一样工作！

Answer 3

您可以通过添加模型变量来访问数据。

<input type='text' class="form-control" ng-model="data.date" />

在您的控制器中，您可以通过 $scope.data.date 访问它。