从quick-datepicker标签获取ng-model值

时间:2016-02-08 10:24:35

标签: javascript jquery angularjs datepicker

我使用AngularJS和quick-datepicker库。问题是我无法获得ng-model

的价值
<quick-datepicker type="text" name='start_date' 
ng-model="repariment.start_date" required></quick-datepicker>

上面的代码在表单中。

<script type='text/javascript'>
    app.config(function(ngQuickDateDefaultsProvider) {
        return ngQuickDateDefaultsProvider.set({
        });
    });
    app.controller("perbaikanController", function($scope) {
        $scope.myDate = null
        $scope.setToToday = function() { $scope.myDate = new Date(); }
    });
</script>

当我提交from并检查$repariment.start_date时,它总是返回当前日期时间(可能因为null)。在后端(NodeJS),我无法获得该值。如何使它工作?

3 个答案:

答案 0 :(得分:0)

在HTML标记中使用$scope.myDate

<quick-datepicker type="text" name='start_date' ng-model="myDate" required></quick-datepicker>

我认为您没有使用正确的范围变量

答案 1 :(得分:0)

此处出现问题$repariment.start_date将其更改为HTML标记中的$scope.myDate

修正了HTML:

<quick-datepicker type="text" name='start_date' ng-model="myDate" required></quick-datepicker>

答案 2 :(得分:0)

由于您遗漏了<ng-controller>代码,我无法确定 - 但听起来您需要使用ng-controllercontroller as形式,例如在围绕控件的HTML中:

<div ng-controller="perbaikanController as repariment">

并且在您的控制器中,您使用的$scope代替this,而不是repariment

app.controller("perbaikanController", function() {
    this.myDate = null;
    this.setToToday = function() { this.myDate = new Date(); }
});

(那就是,如果我已经明白你在做什么了。)它使得它不是使用$scope,而是使用模板中的绑定变量。

更完整的代码示例可以让您更容易回答。

希望它有所帮助。

史蒂夫