如何阻止用户在jQuery中输入日期

时间:2017-03-06 09:52:39

标签: javascript jquery datetime datepicker

我试图阻止用户输入比第一个更新的日期,我无法做到

$(document).ready(function() {

  $("#date_rash_onset").datepicker({
    todayBtn: 1,
    autoclose: true,
    format: 'dd-mm-yyyy',
  }).on('changeDate', function(selected) {
    var minDate = new Date(selected.date.valueOf());
    $('#date_investigation').datepicker('setStartDate', minDate);
    $('#date_collection').datepicker('setStartDate', minDate);
  });

  $("#date_investigation").datepicker({
      format: 'dd-mm-yyyy'
  }).on('changeDate', function(selected) {
    var minDate = new Date(selected.date.valueOf());
    $('#date_rash_onset').datepicker('setEndDate', minDate);
    $('#date_date_onset').datepicker('endDate', '+0d');
  });
});

1 个答案:

答案 0 :(得分:0)

function fromDate(start_date_id, end_date_id){
       var from_date = $('#'+start_date_id).datepicker({ dateFormat: 'dd-mm-yyyy' }).val();
    var to_date = $("#"+end_date_id).datepicker({ dateFormat: 'dd-mm-yyyy' }).val();
    $("#"+end_date_id).datepicker('setStartDate', from_date);
    $("#"+end_date_id).datepicker('setEndDate', '+2y');
    if(to_date < from_date){
      $("#"+end_date_id).val('');
    }
  }

  function toDate(start_date_id, end_date_id){
    $('#'+start_date_id).datepicker('setStartDate', "01-01-1925");
    $('#'+start_date_id).datepicker('setEndDate', '+0d');
  }
  $("#date_rash_onset").on( "change", function() {
        fromDate('date_rash_onset', 'date_collection');
      });


    $("#date_collection").on( "change", function() {
        toDate('date_rash_onset', 'date_collection');
      });