2014-01-29 47 views
0

我用當前的代碼創建了一個JS小提琴。我想要的是突出顯示從選擇的「從」日期到「到」日期之間的時間。例如,如果我選擇29.01.2014作爲我的起始日期,而02.02.2014作爲我的日期,則應該突出顯示它們之間的所有日期。另外,如果任何人都可以指導我將「到」日期的分鐘日期設置爲當前日期或From From選擇器中選擇的日期,那就太好了。如何突出從日期和日期,JQuery的日期選擇器之間的日期?

我到目前爲止。在下面擺弄。

$(function() { 
    $("#From").datepicker({ 
     dateFormat: "yy-mm-dd", 
     changeMonth: true, 
     numberOfMonths: 1, 
     gotoCurrent: true, 
     minDate: 0, 
     maxDate: "+1y", 
     onClose: function (selectedDate) { 
      $("#To").datepicker("option", "minDate", selectedDate); 
     } 
    }); 
}); 

$(function() { 
    $("#To").datepicker({ 
     dateFormat: "yy-mm-dd", 
     changeMonth: true, 
     numberOfMonths: 1, 
     gotoCurrent: true, 
     minDate: "From", 
     maxDate: "+1y", 
     onClose: function (selectedDate) { 
      $("#From").datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
}); 

http://jsfiddle.net/4n4Cu/

+0

林不知道我的理解。如果已經選擇了兩個日期,您想在哪裏突出顯示日期?你的意思是,如果用戶選擇兩個日期,然後決定更改到最新日期,它會高亮顯示日曆中的當前時間範圍? – Esko

+0

類似這樣的地方,從日期到日期的顏色較深,而日期之間的日期較淺。 [日期範圍](http://imgur.com/WPoJX09) – chap

+0

您是否只希望將DateDicker的分鐘日期設置爲從日期? –

回答

0

試着改變你的代碼,這

$(function() { 
    $("#To").datepicker({ 
     dateFormat: "yy-mm-dd", 
     changeMonth: true, 
     numberOfMonths: 1, 
     gotoCurrent: true, 
     minDate:$("#From").val() == ""|| undefined ? 0 : $("#From").val() , 
     maxDate: "+1y", 
     onClose: function (selectedDate) { 
      $("#From").datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
}); 
+0

試過這個,但它沒有奏效。 – chap

+0

它應該工作,檢查出更新[小提琴](http://jsfiddle.net/4n4Cu/1/)。 –

相關問題