Javascript 使用AngularJS将单选按钮值绑定到输入字段
我有三个单选按钮A、B和C。如果选择了B或C,则会显示一个带有日期选择器的输入字段。如果是新记录,则当前日期将显示在输入字段中。 如果选择单选按钮“A”,则会将“活动”保存到表中。如果选择“B”或“C”,则当前日期或用户选择的日期存储在表中。 我遇到的问题是,如果我选择“A”,表中会存储“Active”。当我进入编辑并选择“B”或“C”时,输入字段中会显示“Active”,此时它应该是当前日期。 我将ng更改添加到“B”或“C”。在函数中,如果值==“Active”,则显示当前日期和时间。 这在一定程度上有效。如果我选择“B”,请选择一个日期,然后保存,返回并编辑,然后选择“C”,则以前为“B”保存的日期将在应为当前日期时显示。 这是我的html:Javascript 使用AngularJS将单选按钮值绑定到输入字段,javascript,angularjs,Javascript,Angularjs,我有三个单选按钮A、B和C。如果选择了B或C,则会显示一个带有日期选择器的输入字段。如果是新记录,则当前日期将显示在输入字段中。 如果选择单选按钮“A”,则会将“活动”保存到表中。如果选择“B”或“C”,则当前日期或用户选择的日期存储在表中。 我遇到的问题是,如果我选择“A”,表中会存储“Active”。当我进入编辑并选择“B”或“C”时,输入字段中会显示“Active”,此时它应该是当前日期。 我将ng更改添加到“B”或“C”。在函数中,如果值==“Active”,则显示当前日期和时间。 这在
<div class="form-group"
<label class=" control-label col-xs-5" for="User">
Some Date:
</label>
<div class="col-xs-7 form-inner-group padRt0">
<div class="clearfix stackDate">
<input name="SomeDate" id="Date1_0" type="radio" ng-model="vm.approval.SomeDateID" ng-value="1">A<br />
</div>
<div class="clearfix stackDate">
<input name="SomeDate" id="Date1_1" type="radio" ng-model="vm.approval.SomeDateID" ng-change=vm.setDate() ng-value="2">
B <input class="form-field cal-field" type="text"
ng-show="vm.approval.SomeDateID==2" name="SomeDate"
ng-model="vm.approval.SomeDate"
datepicker-popup="dd-MMM-yyyy" close-text="Close" ng-model="vm.approval.SomeDateB"><br />
</div>
<div class="clearfix stackDate">
<input name="SomeDate" id="Date1_2" ng-model="vm.approval.SomeDateID" type="radio" ng-change=vm.setDate() ng-value="3">
C <input type="text" class="form-field cal-field" ng-required="vm.approval.SomeDateID==3" ng-show="vm.approval.SomeDateID==3"
name="SomeDateC" datepicker-popup="dd-MMM-yyyy" close-text="Close" ng-model="vm.approval.SomeDate"><br />
</div>
</div>
</div>
请注意,我还将每个单选按钮的id存储在数据库中。我想我只是需要在最终弄明白的时候把事情讲清楚。这可能不是最好的方法,但在加载页面时,我将存储在表中的id分配给局部变量。然后在ng change函数中,我根据所选的vm检查该变量的值。如果它们不相等,那么我将当前日期和时间分配给vm。这似乎奏效了
vm.setDate = function () {
if (vm.approval.SomeDate == "Active")
vm.approval.SomeDate = currentdateandtime;
}