Beste leden,

Ik loop tegen een probleem aan. Ik heb een reserveringssysteem gemaakt voor een website. Ik wil echter een aantal dagen uitsluiten. Het is me al gelukt met de zondag, maar ik wil de maandag, dinsdag en woensdag ook uitsluiten. Dit is de code die ik heb gebruikt voor de zondag:

/**
* Limit the dates available in the Date Time date picker.
*
* @link https://wpforms.com/developers/custo...-date-options/
*
*/
function wpf_dev_limit_date_picker() {
?>
<script type="text/javascript">
window.wpforms_datepicker = {
disableMobile: true,
// Don't allow users to pick past dates
minDate: new Date(),
// Don't allow users to pick Sundays
enable: [
function(dateObj){
return dateObj.getDay() !== 0;
}
]
}
</script>
<?php
}
add_action( 'wpforms_wp_footer', 'wpf_dev_limit_date_picker' );


Ik hoop dat iemand me uit de brand kan helpen!

Code:

// enkel zondag uitsluiten
dateObj.getDay() !== 0

// zondag, maandag, dinsdag en woensdag uitsluiten
dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3

Probeer dit eens?

Ik ben echt een amateur als het om codes invoeren gaat. Ik gebruik Snippet, maar als ik bovenstaande code invoer dan krijg ik een foutmelding.

Code:

<script type="text/javascript">
    window.wpforms_datepicker = {
        disableMobile: true,
        // Don't allow users to pick past dates
        minDate: new Date(),
        // Don't allow users to pick Sundays, Mondays, Tuesdays and Wednesdays
        enable: [
            function(dateObj){
                return dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3;
            }
        ]
    }
</script>

Zo zou het er uit moeten zien in z'n geheel.

Code:

return dateObj.getDay() !== 0
// kijkt enkel of de dag niet gelijk is aan 0 (zondag)
return dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3
// kijkt dat de dag niet gelijk is aan 0 (zondag) én 1 (maandag) én 2 (dinsdag) én 3 (woensdag)

Heel erg bedankt! Het werkt :)

Geen probleem! Blij om te kunnen helpen!

Ik ben ook niet zo'n javascriptheld, maar zou dit niet korter kunnen? In plaats van "als dag is niet 0, 1, 2, of 3" dan "als dag >3".
Gewoon uit nieuwsgierigheid.

@Marcel:

inderdaad.

Code:

return dateObj.getDay() > 3

Dit zou in dit geval ook werken. Maar stel dat hij enkel de zondag, dinsdag en donderdag wil uitsluiten, dan kan je dat niet korter schrijven. Ikzelf prefereer het om in dit soort gevallen zo uit te schrijven, zeker als je niet zo into JavaScript bent, dan is zo'n code gemakkelijker aan te passen (je hoeft gewoon dateObj.getDay() !== {dagnummer} te verwijderen).

Beste leden,

Ik loop tegen een probleem aan met een code voor een online reserveringssysteem. Mensen die nu willen reserveren kunnen alleen bepaalde data kiezen, wat dus super werkt.

Nu is de code zo gemaakt dat mensen het hele jaar door alleen de donderdag, vrijdag en zaterdag aan kunnen klikken. Maar vanaf de maand april moeten mensen ook de dinsdag en woensdag aan kunnen klikken. Wie kan mij helpen dit te realiseren? Of is dit überhaupt niet mogelijk? Ik ben zelf een amateur in codes, dus ik hoor graag van jullie.

Het reserveringssysteem is hier te bekijken:
https://boeren-goed.nl/reserveren/

De code is nu:

/**
* Limit the dates available in the Date Time date picker.
*
* @link https://wpforms.com/developers/custo...-date-options/
*
*/
function wpf_dev_limit_date_picker() {
?>
<script type="text/javascript">
window.wpforms_datepicker = {
disableMobile: true,
// Don't allow users to pick past dates
minDate: new Date(),
// Don't allow users to pick Sundays, Mondays, Tuesdays and Wednesdays
enable: [
function(dateObj){
return dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3;
}
]
}
</script>
<?php
}
add_action( 'wpforms_wp_footer', 'wpf_dev_limit_date_picker' );

Ik heb de code niet getest, maar het meest logische lijkt mij om de functie binnen enable aan te passen. Dat zou bijvoorbeeld zo kunnen:

Code:

enable: [
function(dateObj){
var currentDate = new Date().getTime();
var futureDate = new Date(2020, 3, 1, 0, 0, 0).getTime(); // Maanden zijn een array en beginnen met tellen vanaf 0, dus 3 = april, 4 = mei etc.

if(futureDate < currentDate) {    
return dateObj.getDay() !== 0 && dateObj.getDay() !== 1;
} else {    
return dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3;
}
]

Zou het moeten doen denk ik! Opmaak doet ie een beetje gek hier.

Ik krijg de volgende foutmelding:

Het fragment dat u probeert op te slaan genereert een fatale fout op regel 8:
syntax error, unexpected ')', expecting variable (T_VARIABLE)

Ik heb mijn functie getest zonder overige code en bij mij werkt het, wat mij doet vermoeden dat deze foutmelding ergens anders zit.

Kun je checken of je alle haakjes wel goed hebt gesloten op lijn 8 en je de lijn goed hebt afgesloten met een nulkomma. Ik kan natuurlijk ook niet zien vanaf hier wat lijn 8 is.

Zoals ik al aangaf ben ik een amateur in codes. Wellicht heb ik dat stukje code op de verkeerde plek geplaatst in de volledige code. Hoe ziet de volledige code eruit? Die kan ik dan kopiëren en dan zal het bij mij ook moeten werken.

Code:

/**

Code:

* Limit the dates available in the Date Time date picker.
*
* @link https://wpforms.com/developers/custo...-date-options/
*
*/
function wpf_dev_limit_date_picker() {
?>
<script type="text/javascript">
window.wpforms_datepicker = {
disableMobile: true,
// Don't allow users to pick past dates
minDate: new Date(),
// Don't allow users to pick Sundays
enable: [ 
function(dateObj){ 
var currentDate = new Date().getTime(); 
var futureDate = new Date(2020, 3, 1, 0, 0, 0).getTime(); // Maanden zijn een array en beginnen met tellen vanaf 0, dus 3 = april, 4 = mei etc. 

if(futureDate < currentDate) { 
return dateObj.getDay() !== 0 && dateObj.getDay() !== 1; 
} else { 
return dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3; 
} ]
}
</script>
<?php
}
add_action( 'wpforms_wp_footer', 'wpf_dev_limit_date_picker' );

Helaas.. Als ik die code invoer zijn alle datums weer te selecteren.