Question

我有一个用户必须填写的表单。有些字段是日期，我不希望用户输入今天的日期。

我的表格

<div class="row" ng-controller="JobOrderController as jOrder"> 
    <form class="form-inline" ng-submit>
        <div class="form-group">
            <label for="todaysDate"><h4><span class='glyphicon glyphicon-flag'></span> Date</h4>Date </label>
            <input type="text" class="form-control" id="todaysDate" ng-model="jOrder.orderData.date" value="{{ 2 + 4 }}" >
        </div>
    ......... more code .........

我的控制器

angular.module('jobOrderCtrl', ['jobOrderService'])

.controller('JobOrderController', function(Jobs, socketio) {

    var vm = this;
    vm.createOrders = function() {
        vm.message = '';
        Jobs.createOrders(vm.orderData)
            .success(function(data) {
                vm.orderData = '';
                vm.message = data.message;
            });
    };
});

我尝试使用js写入该日期输入字段，但由于角度数据绑定而未显示。

所以我想要的是日期输入值字段为今天的日期。那我该如何去做呢？

Answer 1

您在哪里设定日期？

orderData应该是一个带有表单字段的对象 - 不是字符串

初始化orderData：

var vm = this;
vm.orderData = { date : new Date()};

并从html输入字段中删除value属性。同时将类型设置为date

<input type="date" class="form-control" id="todaysDate" ng-model="jOrder.orderData.date" >

文本中的角度表达输入“值”

1 个答案: