Conditional Show using dates

TTalith

Im using Wordpress as my headless, and currently have a custom post named promotions, these have a custom field for the finish date which I can retreive in the Promotion page with no issue.

RIght now in order to show a banner on the page that shows the current promotion is expired we use a taxonomy so they select that the current promo is expired, since I can compare on the expression editor strings I can do this,

However I tried to improve the concept by using the promotion finish date... It should be a simple conditional:

object.finishdate > today ? true : false

However... I need to use at least the javscript Date object but I noticed the expresison editor doesnt allow me to put it inline...
also noticed that the variables we can create can be string, number... but no date

Is there any way I could use Date objects?

17 comments

OOleg Isonen

good question, with dates its difficult because this also runs serverside, so this would be the date on the server, potentially wrong time zone

TTalith

mmmmmm good point to consider

OOleg Isonen

I think you may want to check the date on the client and hide/show that

TTalith

right now im trying in an HTML embed

TTalith

TTalith

how can I obtain a variable in a script? or how could I save one from script

TTalith

cause i could make the compare on the script and save a bool as true or false

TTalith

or use the queryselector to hide or show

TTalith

I tried pasting from the expresison builder and got htis $ws$dataSource$7quF08gSQdSqSpMPoDcoA

TTalith

but i get it as not defined in the console when published

OOleg Isonen

either bind it as an attribute e..g. data attribute or bind the entire html embed value and use a template string as an expression with the script

Plain Text

`<script type="module">const value = ${whatever}`

TTalith

ok im sure iom being terribly inneficient... but it works...

TTalith

"<script type=\"module\">\n\n  const datetoday = new Date();\n  const datepromoend = new Date(\""+$ws$dataSource$7quF08gSQdSqSpMPoDcoA.data.data.promocion.vigenciaPromociones.vigenciafin+"\");\n   \nif (datepromoend < datetoday) {\n  \ndocument.querySelector('#aftertoday').style.display='none';\ndocument.querySelector('#beforetoday').style.display='block'\n} else {\ndocument.querySelector('#beforetoday').style.display='none';\ndocument.querySelector('#aftertoday').style.display='block'\n  \n}\n  \n  \n  alert(datepromoend);\n  alert(datetoday);\n</script>"

TTalith

Im sure i saw about using the variables in text but cant find it so... I used the script as a string begore and after..... ill fix that later

TTalith

yhanks for the help

OOleg Isonen

to make the code more readable separate the variable from binding into standalone script or use attribute

OOleg Isonen

you are querying that aftertoday element anyways, so you can as well use element.dataset

Add a reply

Join the Webstudio community

Conditional Show using dates