2013-08-07 84 views
1

解決此問題的可能方法是什麼?從上個月到本月的jQuery多重日期選擇器日曆陰影

請檢查以下給出的提琴手。 http://jsfiddle.net/cse_tushar/3t4j9/4/

<input id="datePick" type="text"/> 

$('#datePick').multiDatesPicker(); 

在砑光機,選擇一個日期,然後再轉到下個月選擇其他日期。 所以,可以說你已經選擇2013年8月8日& 2013年9月9日 當你從9月份選擇另一個時,你會注意到當選擇的日曆到達八月份時應該在九月份顯示選定的日期。這是它的狡猾行爲,我認爲應該有辦法解決它。

請讓我KNW

回答

1

我會嘗試像插件文檔頁面上的一個例子。檢出this fiddle。我將日曆的顯示保持爲靜態,以避免重置爲默認日期。

HTML

<input id="dates" type="text"/> 
<div id="datePick" /> 

JS

var dates = []; 
$('#datePick').multiDatesPicker({ 
    onSelect: function (e) { 
     dates.push(e); 
     var dateList = ""; 
     $.each(dates, function (i, d) { 
      if (dateList.length > 0) { 
       dateList += ","; 
      } 
      dateList += d; 
     }); 
     $("#dates").val(dateList); 
    } 
}); 

它不一定是最漂亮的JS - 我相信它可以更好,但它描述了一個思路。

我相信您可能遇到的一個問題是 - 您顯示的日期是?您無法保證用戶會按任何特定順序選擇日期。你是否總是使用最後一個月的選擇?我想如果你想這樣做,你可以勾選「onSelect」,解析最後的選擇並將默認日期設置爲當月?這可能會按照你喜歡的方式工作。

編輯

我剛纔看到有,做我的小提琴做同樣的事情的「altField」。好吧。 :)

EDIT 2

檢查this fiddle。它解析最後的日期(就像我上面提到的),但我不知道如何設置插件的「默認」日期。不編輯插件可能無法實現。至少它是一個開始...

+0

tnx很多。實際上也可以這樣做。 $( '#與-altField')。multiDatesPicker({\t altField:'#textfieldID' });檢查這個小提琴.. http://jsfiddle.net/atfQa/2/ – dev1234

+0

大聲笑 - 是啊,我看到大約在同一時間你寫評論我猜:) –

1

正如我注意到,在選擇每個日期時有發生刷新....!

根據我的知識基礎,我認爲,這是在處理「日期選擇器的用戶界面」的js文件...

ü可能需要做的那個文件裏面的一些輕微的調整,以應付你的要求。

可能是我錯了。

datepicker UI js的專家將能夠幫助你。

+1

tnx shareek .... – dev1234

相關問題