2017-03-06 65 views
0

我試圖從比第一個重新進入日停止用戶,我無法做到這一點如何阻止用戶在輸入日期的jQuery

$(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'); 
    }); 
}); 
+0

你爲什麼不只是禁用後,日期設置? '$(「#date_rash_onset」)。datepicker('disable');' – Brivvirs

+0

我希望當用戶選擇06/03/2017作爲date_rash_onset,那麼他將無法選擇05/03/2017作爲date_collection –

+0

你想指定日期範圍與兩個日期選擇器?在那種情況下,有許多圖書館和例子 https://github.com/longbill/jquery-date-range-picker, http://jsfiddle.net/c0mm0n/SJhmF/3/ – Brivvirs

回答

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'); 
     }); 
+0

這解決了我的問題 –