javascript - datetimepicker - 将日期值传递给 Angular Controller

Question

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

我想做的是在日期时间选择器中选择一个日期值后将其传递回我的 Angular Controller ，以便我可以处理它。

我遇到的问题是，当我选择日期时(我可以通过显示它的弹出警报清楚地看到我选择了什么。更改)我无法通过输入中的任一 ng-model 属性传递值将日期值存储在变量中后标记或 ng-click。

我希望在 Angular Controller 中将日期作为字符串或类似的东西传递给 $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 支持双向绑定(bind)。请阅读更多关于双向绑定(bind)的信息。然后你可以从 angular js 中的变量开始

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