我如何比較開始日期和結束日期與基礎datepicker

Question

我想比較我的開始日期和結束日期與基礎datepicker。

我的比較是：

if(enddate < startdate){ 
    error 
} 

這裏我的代碼：

jQuery("#startDate,#endDate").fdatepicker({ 
    autoclose: true, 
    format: "dd.mm.yyyy", 
    language: 'de', 
    todayHighlight: true 
}); 

var startdate = ""; 
var enddate = ""; 

jQuery("#startDate").change(function() { 

    startdate = jQuery('#startDate').val(); 
    console.log(startdate); 
}); 

jQuery("#endDate").change(function() { 

    enddate = jQuery('#endDate').val(); 
    console.log(enddate); 
}); 

// compare 
if(enddate < startdate){ 
    console.log("error"); 
} 

一個在這裏我jsfiddle example

Answer 1

1. 你需要把它綁定到某種事件（例如 點擊提交按鈕）
2. 您需要將日期轉換成可以在

比較它們的格式，這裏的更新的代碼向你展示我的意思

HTML

<div class="form-row field_text"> 
    <label for="startdaum" class="required">Start Date *:</label><br> 
    <input type="text" id="startDate" name="startdatum" class="input_text date"> 
</div> 

<div class="form-row field_text "> 
     <label for="enddatum" class="required" id="">End Date *:</label><br> 
     <input type="text" id="endDate" name="enddatum" class="input_text"> 
</div> 

<div class="form-row field_text"> 
     <label for="interval" class="required">interval:</label><br> 
     <div class="select-box"> 

       <select class="" name="interval" id="intervall" > 
          <option value="0">no </option> 
          <option value="1">all da</option> 
          <option value="7">weekly</option> 
          <option value="14">all 2 weeks</option> 
       </select> 
     </div> 
</div> 
<input type="submit" value="Submit" /> 

JS

jQuery("#startDate,#endDate").fdatepicker({ 
    autoclose: true, 
    format: "dd.mm.yyyy", 
    language: 'de', 
    todayHighlight: true 
}); 

var startdate = ""; 
var enddate = ""; 

jQuery("#startDate").change(function() { 

    startdate = jQuery('#startDate').val(); 
    console.log(startdate); 
}); 

jQuery("#endDate").change(function() { 

    enddate = jQuery('#endDate').val(); 
    console.log(enddate); 
}); 

// compare 
jQuery('input[type=submit]').on('click', function() { 
    startdate = process(startdate); 
    enddate = process(enddate); 
    console.log(startdate); 
    console.log(enddate); 
if(enddate < startdate){ 
    console.log("error"); 
}  
}); 

function process(date){ 
    var parts = date.split("."); 
    return new Date(parts[2], parts[1] - 1, parts[0]); 
} 

這是一個工作JSFIDDLE DEMO