javascript - 当另一个 TextBox 值更改时如何设置 TextBox 值

Question

我有两个带有这样的日期选择器的文本框。

<script type="text/javascript">
    $(function () {
        $('#value_date').datetimepicker({ format: 'MM/DD/YYYY' });
        $('#run_date').datetimepicker({ format: 'MM/DD/YYYY hh:mm a' });
    });

</script>

<div class='input-group date' id='value_date'>
    <input type="text" id="txtValueDate" class="form-control" runat="server" placeholder="Value Date"/>
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
 </div>

<div class='input-group date' id='run_date'>
    <input type="text" id="txtRunDate" class="form-control" runat="server" placeholder="Run Date" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
 </div>

然后，当 value_date 的值更改时(例如 03/31/2016)，run_date 会自动设置为 value_date'昨天(03/30/2016)作为默认的 run_date，但仍然可以通过 datetimepicker 进行更改。我该如何做到这一点？

Answer 1

您应该使用输入框的change事件。您还需要更正您使用的 id 选择器。最后，我建议您包含 momentjs 库( link )来计算和格式化前一天的显示:

$('#txtValueDate').change(function(){   
  $('#txtRunDate').val(moment($(this).val()).subtract(1, 'days').format('MM/DD/YYYY'));
    });