使週末在日期選擇器

有其忽略週末和不允許用戶選擇週六或週日的網頁。我想要啓用這一功能，並在進行互聯網搜索的同時，發現下面給出的一段代碼，我認爲可能會導致這種情況。問題是我不知道要評論哪條線，或者我必須做些什麼改變才能啓用週末。請幫助使週末在日期選擇器

function datepick() 
{ 
    var weekend_strtday = <?php echo $this->weekendDatailsArr[0]['weekendstartday']; ?>; 
    var weekend_endday = <?php echo $this->weekendDatailsArr[0]['weekendday']; ?>; 
    $('#from_date').datepicker({ 
        beforeShowDay: function(date) { 
         var day1 = date.getDay(); 
         return [(day1 != weekend_strtday && day1 != weekend_endday)]; 
        }, 
    $('#to_date').datepicker({ 
        beforeShowDay: function(date) { 
         var day2 = date.getDay(); 
         return [(day2 != weekend_strtday && day2 != weekend_endday)]; 
        },

來源

2017-01-11 Sabha

請你像粘貼HTML完整的代碼？ –

這是麪糊回答。 –

只需從代碼中刪除'beforeShowDay'選項即可。 –

要使用此方法，您需要添加JQuery UI，JQUery和JQUery基本主題css。

這裏是一個修改datepick功能，將做到這一點。

裏面datepick()這些變量存儲工作日 0(sunday) - 6(sataurday)這是不能被使用選擇。

var weekend_strtday = 0; 
var weekend_endday = 6;

裏面的beforeShowDay功能

採用一個日期作爲參數，並且必須以返回一個數組的函數：

[0]：真/假表示是否這日期可選

[1]：要添加到日期單元格的CSS類名稱或默認爲「」的演示文稿

[2]：在此日期

該函數的調用的每一天在日期選擇器之前，它是顯示可選彈出工具提示。

beforeShowDay: function(date) { 
    var day1 = date.getDay(); 
    return [(day1 != weekend_strtday && day1 != weekend_endday)]; 
}

我們正在檢查當天，如果它等於週末，並傳回第一個索引數組作爲true/false這表明如果這一天是可選擇或不可以。

function datepick() 
 
{ 
 
    var weekend_strtday = 0; 
 
    var weekend_endday = 6; 
 
    $('#from_date').datepicker({ 
 
     beforeShowDay: function(date) { 
 
     var day1 = date.getDay(); 
 
     return [(day1 != weekend_strtday && day1 != weekend_endday)]; 
 
     } 
 
    }); 
 
    
 
    $('#to_date').datepicker({ 
 
     beforeShowDay: function(date) { 
 
     var day2 = date.getDay(); 
 
     return [(day2 != weekend_strtday && day2 != weekend_endday)] 
 
     } 
 
    }); 
 
    
 
} 
 
datepick();

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<form> 
 
    From_date: <input id="from_date" type="text"> 
 
    To _date: <input id="to_date" type="text"> 
 
</form>

UPDATE

要顯示所有你只需要從配置中刪除beforeShowDay的日子。

只需選擇輸入$('#from_date')並調用datepicker();方法。

$('#from_date').datepicker(); 
$('#to_date').datepicker();

檢查下面的代碼片段，

$('#from_date').datepicker(); 
 
$('#to_date').datepicker();

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<form> 
 
    From_date: <input id="from_date" type="text"> 
 
    To _date: <input id="to_date" type="text"> 
 
</form>

來源

2017-01-11 08:27:20

Nadir-laskar：請閱讀問題，希望啓用所有日子（所有與週末的日子都應啓用），並且在您的代碼片段SUNDAY和SATURDAY中禁用。這不是問題的答案。 – Draval

謝謝你的回覆，但即使你的解決方案忽略了週末，也不允許我選擇週末。我想啓用此功能，以便我可以選擇任何日期。 – Sabha

在這種情況下，從上面的代碼中刪除beforeShowDay。 –

使週末在日期選擇器

回答

相關問題