2017-07-26 11 views
-1

jQuery Datepickerで選択範囲を絞り込むために使用したい2つの関数があります。私はこれらの2つの機能をどのように組み合わせるかについていますので、それらを組み合わせて使用​​することができます。今は私が最初に置いたものが優先され、もう一つはうまくいかない。jQueryのdatePicker関数を結合する

//the html 
<input type="text" class="input-text hasDatepicker" name="order_delivery_date" id="datepicker" placeholder="Select Date" value="">  


//two functions, whichever one is first works 
    <script type="text/javascript"> 
     jQuery(function ($) { $("#datepicker").datepicker({ minDate: "+1", maxDate: "+1M +10D" }); }); 
     jQuery(function ($) { $("#datepicker").datepicker({beforeShowDay: function(date){ return [date.getDay() != 2, '']; }})}); 
    </script> 


// my attempt to combine them, not working 
    <script type="text/javascript"> 
     jQuery(function ($) { 
        $("#datepicker").datepicker({ minDate: "+1", maxDate: "+1M +10D" }); 
        $("#datepicker").datepicker({beforeShowDay: function(date){ return [date.getDay() != 2, '']; }}); 
     }); 
    </script> 
+0

どのように機能しませんか?詳細... –

+0

1つの機能で曜日が選択されることが制限されています。この場合は2日目または火曜日です。もう1つの関数は、最小/最大の日付範囲を設定します。私は彼らが一緒に働かないことを知っている最小/最大機能が最初に私はまだ火曜日を選択することができ、火曜日の機能が最初に私はミックス/最大なしの任意の日付を選択することができます。 –

答えて

0

コードの最初の行は、$('#datepicker') DOM要素にdatepickerオブジェクトを作成しています。 すべてのオプションを日付ピッカーに一度に渡す必要があります。

$('#datepicker').datepicker({ minDate: "+1", maxDate: "+1M +10D" , beforeShowDay: function(date){ return [date.getDay() != 2, '']; }}); 
+0

ありがとう、これは動作します! –

0

ではなく、第二.datepicker()

$('#datepicker').data("DateTimePicker").beforeShowDay = function(date){ return [date.getDay() != 2, '']; };

を試してみてください。