2017-12-11 5 views
0

を無効にし、私は唯一の他の言葉で、他の日付ピッカーで月曜日のみを選択し、他のすべての日付を無効にすることができるようにしたい、私は1月曜日を選ぶと言うことができます私は2つのdatepickersの間に7日間の間隔を選びたいと思う。jQueryの日付ピッカーは、すべての週の日付が、私は日付を選択したいもの

どうすればこの問題を解決できますか?

beforeShowDay: function(date) { 
    console.log('beforeShowDay'); 
    var day = date.getDay(); 
    return [day != day, '']; 
}, 

しかし、それは動作するはずですか、その日付ピッカーでは、私は機能を置くべきかどうかわからない:

は、私はこれを試してみました。

UPDATE:

var curday = ""; 
var unavailableDays = []; 
var dateselected = ""; 

function ViewDay(date) { 
    dmy = date.getDate() + "/" + (date.getMonth()+1) + "/" + date.getFullYear(); 
    day = date.getDay(); 
    if (date > dateselected) { 
     if ($.inArray(day, unavailableDays) == -1) { 
      return [false, "", "Unavailable"]; 
     } else { 
      return [true, ""]; 
     } 
    } else { 
     return [false, "", "Unavailable"]; 
    } 
} 

$('#startdatesahasrara').datepicker({ 
    dateFormat: 'dd/mm/yy', 
    minDate: 3, 
    onSelect: function(e) { 

     $('#enddatesahasrara').removeData("hasqtip"); 
     $('#enddatesahasrara').removeAttr("data-hasqtip"); 
     $('#enddatesahasrara').qtip("destroy", true); 
     $('#enddatesahasrara').removeAttr('title'); 

     $('#enddatesahasrara').val(''); 
     unavailableDays = []; 
     dateselected = new Date(e); 
     curday = new Date(e).getDay(); 
     unavailableDays.push(curday); 
     console.log('trigger'); 
    } 
}); 

$("#enddatesahasrara").datepicker({ 
    dateFormat: 'dd/mm/yy', 
    showAnim: "slideDown", 
    minDate: 0, 
    beforeShowDay: ViewDay 
}); 

答えて

1

それが役立つかもしれません!

var curday = ""; 
 
var unavailableDays = []; 
 
var dateselected = ""; 
 
$('.datepicker1').datepicker({ 
 
    dateFormat: 'yy-mm-dd', 
 
    onSelect: function(dateText) { 
 
    $('.datepicker').val(''); 
 
    unavailableDays = []; 
 
    dateselected = new Date(dateText); 
 
    curday = new Date(dateText).getDay(); 
 
    unavailableDays.push(curday); 
 
    } 
 
}); 
 

 
$(".datepicker").datepicker({ 
 
    dateFormat: 'yy-mm-dd', 
 
    showAnim: "slideDown", 
 
    minDate: 0, 
 
    beforeShowDay: ViewDay //$.datepicker.noWeekends 
 
}); 
 

 

 
function ViewDay(date) { 
 
    dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); 
 
    day = date.getDay(); 
 
    if (date > dateselected) { 
 
    if ($.inArray(day, unavailableDays) == -1) { 
 
     return [false, "", "Unavailable"]; 
 
    } else { 
 
     return [true, ""]; 
 
    } 
 
    } else { 
 
    return [false, "", "Unavailable"]; 
 
    } 
 
}
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js"></script> 
 

 
<input type="text" class="datepicker1" /> 
 
<input type="text" class="datepicker" />

+0

私はあなたの例をテストしたときこんにちは、それが働いたが、私は私のプロジェクトで実装しようとすると、それはあなたが私の更新されたコードを見てみることができ、doesntの? –

+0

「dd/mm/yy」ではなく「dd/MM/yy」としてdateformatを使用してください。これを確認してください(フィドル)(https://jsfiddle.net/6s6ajg54/#&togetherjs=86Mi44O7SJ) – RonyLoud

関連する問題