日期选取器日期和 jquery 的日期逻辑

Question

在from_date的 on _change 事件上，我想获取输入天数的值，from_date添加天数和from_date的值，并将其设置为to_date例如input_days= 5和from_date = 10 / 02 / 2020，它应该添加并自动显示15 / 02 / 2020在to_date中。这是添加from_date和to_date并显示total_date的代码，但是...我应该在这个逻辑中改变什么？$("#fromdate,#todate").datepicker({    minDate: 0,    changeMonth: true,    changeYear: true,    firstDay: 1,    dateFormat: 'yy/mm/dd',});$("#fromdate").datepicker({dateFormat: 'yy/mm/dd'});$("#todate").datepicker({dateFormat: 'yy/mm/dd'});$('#enddate').change(function () {    var start = $('#fromdate').datepicker('getDate');    var end = $('#todate').datepicker('getDate');    if (start < end) {        var days = (end - start) / 1000 / 60 / 60 / 24;        $('#total_days').val(days);    } else {        alert("cannot select same or previous date!");        $('#fromdate').val("");        $('#total_days').val("");    }});

Answer 1

请参考以下代码。另外，请在评论中找到小提琴链接。如果输入为空，我将默认添加5天。

<label class="required">Days</label> <input type="text" id="days"><br/><br/><br/>

<label class="required">from</label>                                                                                                           

<input type="text" id="fromDate" class="form-control date-picker from input-append minDate" placeholder="mm/yyyy"><br/><br/><br/>

<label> To </label>                                             

<input type="text" id="toDate" class="form-control date-picker to input-append maxDate" placeholder="mm/yyyy" >

$(function() {

    $( ".from" ).datepicker({

      onSelect: function( selectedDate ) {

        $( ".to" ).datepicker( "option", "minDate", selectedDate );

        var toDate = $('.from').datepicker('getDate');

        var days = $("#days").val()  != "" ? parseInt($("#days").val()) : 5;

                toDate.setDate(toDate.getDate() + days );

                $('.to').datepicker('setDate', toDate);

      }

    });

    $( ".to" ).datepicker({

      onSelect: function( selectedDate ) {

        $( ".from" ).datepicker( "option", "maxDate", selectedDate );

      }

    });

  }); 

Answer 2

我希望这对你有帮助.

$(document).ready(function() {

    jQuery("#from").datepicker({

        dateFormat: 'dd/mm/yy',

        changeMonth: true,

        changeYear: true,

        onClose: function( selectedDate ) {

        jQuery( "#to" ).datepicker( "option", "minDate", selectedDate );

        }

    });

    jQuery("#to").datepicker({

        dateFormat: 'dd/mm/yy',

        changeMonth: true,

        changeYear: true,

        onClose: function( selectedDate ) {

        jQuery( "#from" ).datepicker( "option", "maxDate", selectedDate );

        }

    });

});

<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">

<input type="text" id="from">

<input type="text" id="to">

<script  type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

Answer 3

var val = $("#fromdate").val(); // your input date ID, like we have input: 5

var myDate = new Date($.datepicker.formatDate('yy/mm/dd', new Date($('#fromdate').datepicker('getDate'))));

var d = myDate.getDate()+parseInt(val, 10);

var m =  myDate.getMonth()+1;

var y = myDate.getFullYear();

$("#todate").val(new Date(yy+'/'+mm+'/'+dd));

Answer 4

试试这个

$（文档）.ready（函数 （） {

    $('#txtFromDate').datepicker({

        format: 'dd/mm/yyyy',

        startDate: 'd',

        minDate: new Date('today'),

        language: locale,

        autoclose: true,

        todayHighlight: true

    });

    $('#txtToDate').datepicker({

        format: 'dd/mm/yyyy',

        startDate: '+2d',/change value for to 5 for 5 days

        minDate: '#txtToDate',

        viewMode: 'years',

        language: locale,

        autoclose: true,

    });