首頁猿問我的日期拾取器系統(tǒng)有問題（禁用日期）

我的日期拾取器系統(tǒng)有問題（禁用日期）

PHP

呼喚遠(yuǎn)方 2022-08-19 15:33:42

我有一個(gè)用于我的預(yù)訂系統(tǒng)的日期選擇器，但它不適用于1示例。我有2個(gè)日期供員工填寫。如果我保存入住日期（月/日/年）01/01/2020，而退房日期為01/05/2020。然后，如果我想編輯預(yù)訂數(shù)據(jù)。我無法將退房日期更改為01/03/2020，因?yàn)?到5現(xiàn)在是禁用日期。我的問題是，如果有人知道如何處理這個(gè)問題。也許我需要為另一個(gè)系統(tǒng)編寫代碼來處理禁用的日期。但我想知道是否有人知道如何只用棗椰棗機(jī)做到這一點(diǎn)。我更喜歡這樣。我使用flatPickr作為Jquery的日期拾取者。我使用PHP從數(shù)據(jù)庫中獲取禁用的日期，并將其作為數(shù)組加載到日期選取器的禁用日期函數(shù)中。讓我知道你的想法是什么，如果你有提示和提示，你也可以回答我。感謝您抽出寶貴時(shí)間接受采訪代碼<div class="form-group row"><label for="date" class="col-4 col-form-label">Check in</label><div class="col-8"><input id='from1' type='text' name='dateFrom1' data-date="" class='form-control datepickerChange' placeholder="Open date-picker" autocomplete="off" /></div></div><div class="form-group row"><label for="date" class="col-4 col-form-label">Check out</label><div class="col-8"><input id='to1' type='text' name='dateTo1' data-date="" class='form-control datepickerChange' placeholder="Open date-picker" autocomplete="off" /></div></div>Datepicker code jquery.來自數(shù)據(jù)庫和代碼的日期，在2個(gè)日期之間取一整天，并放置在具有可變$strBlockA disable[]函數(shù)中 $('#from1').flatpickr({ onChange: function(selectedDates, dateStr, instance) { endPicker.set('minDate', selectedDates[0]); }, allowInput: true, dateFormat: "m/d/yy", disable: [<?php echo implode(',',array_unique(explode(',', $strBlockA))); ?>], }); endPicker = flatpickr("#to1", { allowInput: true, dateFormat: "m/d/yy", disable: [<?php echo implode(',',array_unique(explode(',', $strBlockA))); ?>], });從數(shù)據(jù)庫中獲取日期并獲取中間所有日期的代碼 //Camping Block A $sql = "SELECT dateFrom,dateTo from campinginformation WHERE dateFrom IS NOT NULL AND dateTo IS NOT NULL AND dateFrom != '' AND dateTo != '' AND chooseCamping = 'Caravan of camper (kleine plaats)'"; $statement = $connect->prepare($sql); $success = $statement->execute();

查看完整描述

3 回答

慕桂英4014372

TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個(gè)贊

這就是我要做的。我會(huì)嘗試解釋，因?yàn)槲也恢滥愕耐暾麛?shù)據(jù)庫設(shè)置。

您在此處的查詢是從系統(tǒng)中選取所有保留的日期。

$sql = "SELECT dateFrom,dateTo from campinginformation WHERE dateFrom IS NOT NULL AND dateTo IS NOT NULL AND dateFrom != '' AND dateTo != '' AND chooseCamping = 'Caravan of camper (kleine plaats)'";

我假設(shè)每行也有一個(gè)ID？

您應(yīng)從此查詢中排除當(dāng)前預(yù)訂（正在編輯的預(yù)訂）的 ID，這將釋放可用的日期。

所以像這樣：

$thisReservation = 0; //get the reservation ID of the one being edited

$sql = "SELECT dateFrom,dateTo from campinginformation WHERE dateFrom IS NOT NULL AND dateTo IS NOT NULL AND dateFrom != '' AND dateTo != '' AND chooseCamping = 'Caravan of camper (kleine plaats)' AND ReservationID !== $thisReservation";

希望這有幫助。

反對(duì) 回復(fù) 2022-08-19

一只名叫tom的貓

TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超3個(gè)贊

對(duì)于第一個(gè)問題，您只需在查詢中添加另一個(gè)條件，以便從搜索中排除當(dāng)前預(yù)訂，如下所示：where

... and reservationID != {$currentReservationID}

然后，您只會(huì)查看其他預(yù)訂，這是您在編輯一個(gè)預(yù)訂時(shí)所需要的。

對(duì)于后一個(gè)問題，您當(dāng)前是否有兩個(gè)日期字段，一個(gè)簽入和一個(gè)簽出日期？如果是這樣，解決此問題的最簡(jiǎn)單方法是使用范圍日歷功能來使用一個(gè)日期范圍選取器，而不是兩個(gè)日期選取器，這似乎不允許在范圍內(nèi)禁用日期。

如果你這樣做，你唯一需要改變的就是，而不是大意如下：

$startDate = $_POST['startDate'];

$endDate = $_POST['endDate'];

你會(huì)使用：

$dateRange = $_POST['dateRange'];

$dateRange = explode(" to ", $dateRange);

$startDate = $dateRange[0];

$endDate = $dateRange[1];

但是，如果由于某種原因這對(duì)您不起作用，我相信下一個(gè)最佳選擇是在插入其保留之前執(zhí)行簡(jiǎn)單的SQL查詢，以驗(yàn)證日期是否可用。

您可以在插入查詢之前執(zhí)行類似操作：

select reservationID from campinginformation

where

dateFrom between "{$startingDate}" and "{$endingDate}"

or dateTo between "{$startingDate}" and "{$endingDate}"

如果這返回任何結(jié)果，請(qǐng)不要插入其保留項(xiàng)，并提供失敗消息。

反對(duì) 回復(fù) 2022-08-19

BIG陽

TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊

我不了解PHP，但希望這個(gè)答案能給你一些提示/確切的答案。您的查詢會(huì)根據(jù)注冊(cè)ID為您提供先前保存的入住和退房日期，一旦您知道入住和退房日期，您就可以通過以下代碼實(shí)現(xiàn)您想要的。希望它有幫助..通過使用下面的代碼，以前選擇的入住和退房日期被禁用以選擇。

例如，如果您選擇01/02/2020到01/05/2020，那么這些持續(xù)時(shí)間將被阻止進(jìn)行預(yù)訂。但您可以選擇01 / 01 / 2020到01 / 06 / 2020。

$('#from1').flatpickr({

allowInput: true,

dateFormat: "m/d/yy",

disable: [

{

from: "01/05/2020",

to: "01/08/2020"

}

], //your fetched checkin date

});

endPicker = flatpickr("#to1", {

allowInput: true,

dateFormat: "m/d/yy",

disable: [

{

from: "01/05/2020",

to: "01/08/2020"

}

], //your fetched checkin date

});

<label for="date" class="col-4 col-form-label">Check in</label>

</div>

<label for="date" class="col-4 col-form-label">Check out</label>

</div>

在下面，只允許選擇以前選擇的日期。例如，如果您選擇01 / 02 / 2020到01 / 05 / 2020，那么您只能在日期之間進(jìn)行選擇

$('#from1').flatpickr({

onChange: function(selectedDates, dateStr, instance) {

endPicker.set('minDate', new Date("01/05/2020"));

},

minDate: new Date("01/05/2020"), //your fetched checkin date

allowInput: true,

dateFormat: "m/d/yy",

maxDate: new Date("01/08/2020"), //your fetched checkout date

});

endPicker = flatpickr("#to1", {

allowInput: true,

dateFormat: "m/d/yy",

minDate: new Date("01/05/2020"), //your fetched checkin date (may be same /may not) also assume checkin date is 01/04/2020

maxDate: new Date("01/08/2020"), //your fetched checkout date

});

flatpickr("#to2", {

allowInput: true,

mode: 'range',

dateFormat: "m/d/yy",

disable: [{

from: "01/05/2020",

to: "01/08/2020"

}],

});

<label for="date" class="col-4 col-form-label">Check in</label>

</div>

<label for="date" class="col-4 col-form-label">Check out</label>

</div>

<label for="date" class="col-4 col-form-label">Range mode check in Check in and Check out</label>

</div>

當(dāng)您在平板吸盤中使用范圍模式時(shí)，它不允許您選擇超出塊日期。正如我在最后一個(gè)代碼中添加的那樣，您可以比較范圍日期選擇器

反對(duì) 回復(fù) 2022-08-19

3 回答
0 關(guān)注
142 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

我的日期拾取器系統(tǒng)有問題（禁用日期）

我的日期拾取器系統(tǒng)有問題（禁用日期）

3 回答

添加回答