在下拉框中选择出生日期后，无法实时显示我的年龄。为什么？

Question

这是我的前端页面：

这是我的部分代码：

<div class="col-xs-4">
    <div class="form-group">
        <label class="col-sm-6 control-label" style="text-align: left"><@spring.message "bornDate"/>:</label>
        <label class="col-sm-6 control-label" name="input-text" id="bornDate" style ="text-align: left"><input id="bornDateTmp" style="width:90px;"  data-bind="value: model.bornDate"/></label>
        <script>
            $("#bornDateTmp").kendoDatePicker({
                format: "{0:yyyy/MM/dd}"
            }).data("kendoDatePicker");
        </script>
    </div>
</div>
...
...
<div class="col-xs-4">
    <div class="form-group">
        <label class="col-sm-6 control-label" style="text-align: left">
            <@spring.message "age"/>:
        </label>
        <label class="col-sm-6 control-label" name="" id="age" style ="text-align: left">
            <span id="ageTmp" data-bind="text:model.age">
                <script>//here，here，here！！！   
                    $("#ageTmp").text(basicInformation.model.age.getFullYear-new Date().getFullYear());
                </script>    
            </span>
        </label>
    </div>
</div>

另外特别说明，数据绑定使用的是公司内部框架：

<script type="text/javascript">
    var basicInformation = kendo.observable({
        model: {
        },
    });
    $.ajaxSetup({async: false});
    Hap.loadViewModel({
        url: '${base.contextPath}/xxentry/people/info/collection/basicInfo',
        model: basicInformation.model
    });
    $.ajaxSetup({async: true});
</script>

问题是，当我选择我的出生日期时，年龄不会实时显示，但在 chrome 控制台上，它有效！我已经想了一整天了.

Answer 1

尝试在日期选择器上绑定更改事件。在更改时计算您的年龄并将其绑定到可观察变量，将该变量绑定到您的年龄元素。

像这样：

<input id="bornDateTmp" style="width:90px;"  data-bind="value: model.bornDate, events: {change: onDateChange}"/>

var basicInformation = kendo.observable({
    model: {
    },
    onDateChange: function(e) {
      var selectedDate = this.model.bornDate;
      var age = //calculate age;
      this.model.set('age', age);
    }
});

<span id="ageTmp" data-bind="text:model.age">

工作示例：On change show value

在下拉框中选择出生日期后，无法实时显示我的年龄。为什么？

After selecting the date of birth in the drop-down box, my age cannot be displayed in real time. Why?

html

javascript

jquery

twitter-bootstrap

kendo-ui