如何使用另一个日期输入字段将日期设置为输入字段

how to set date to input field using another date input field?

本文关键字：字段 日期 输入 设置 何使用 另一个      更新时间：2023-09-26

我有两个输入字段，fromDate和toDate(都是date(。我正在使用日期选择器作为输入字段从日期。toDate 是只读的，并且依赖于 fromDate。即 toDate 的日期为 6+。例如，如果 fromDate 是 11/30/2014，则 toDate 是 12/6/2014。

我的 jsp 代码是

 <input type="text" class="form-control dpd1" id="fromDate" name="fromDate">
    <span class="input-group-addon">To</span>
     <input type="text" class="form-control dpd2" id="toDate" name="toDate" readonly/>

JS代码是：$('.dpd1').datepicker();

谢谢

你可以

用jQuery和change((来做到这一点。在更改中，您可以获取fromDate的值，并使用 Date 对象为toDate输入创建新值。

$(function() {
    $('#fromDate').change(function() {
        var fromDateValue = $(this).val();
        var toDateValue = new Date();
        // some operations
        $('#toDate').val(yourToDate);
    });
})

您可以为此添加 6 天：

var today = new Date();
var todayplus6days= new Date(today);
todayplus6days.setDate(today.getDate()+6);

更新：

js小提琴：http://jsfiddle.net/8dx0sLey/1/

$(function() {
    $('#fromDate').change(function() {
        var fromDateValue = $(this).val();
        var toDateValue = new Date(fromDateValue);
        toDateValue.setDate(toDateValue.getDate()+6);
        var sDate = toDateValue.getFullYear() + '-' + (toDateValue.getMonth()+1) + '-' + toDateValue.getDate();
        $('#toDate').val(sDate);
    });
})

我想你正在寻找这个。

 $("#from").datepicker({
        onClose: function (selectedDate, instance) {
            if (selectedDate != '') { //added this to fix the issue
                $("#to").datepicker("option", "minDate", selectedDate);
                var date = $.datepicker.parseDate(instance.settings.dateFormat, selectedDate, instance.settings);
                date.setDate(date.getDate() + 6);
                console.log(selectedDate, date);
                $("#to").datepicker("option", "minDate", date);
            }
        }
    });

我尝试使用输入类型日期：

http://jsfiddle.net/washington_guedes/dafbz0qo/

$(document).ready(function(){
    $("#fromDate").on("blur", function(){
        var year = parseInt( $(this).val().substring(0,4) );
        var month = parseInt( $(this).val().substring(5,7) );
        var day = parseInt( $(this).val().substring(9,11) );
        month += 6;
        if( month > 12){
            month %= 12;
            year++;
        }
        $("#toDate").val(year + "-" +
              ((month<10)?"0":"") + 
              month + "-" + 
              ((day<10)?"0":"") + day);
    });
});

代码：

$('#fromDate').datepicker();
$('#fromDate').change(function(){
    var toDate = new Date($(this).val());
    toDate.setDate(toDate.getDate()+6);
    month  = toDate.getMonth()+ 1;
    year = toDate.getFullYear();
    $('#toDate').val(month+'/'+toDate.getDate()+'/'+year );
});

演示

相关文章：