Being a huge on HTML code I struggle with a small problem.
I have a datepicker in a form, but I want to change the way the date is formatted into dd/mm/yyyy
How do I do this?
This is the HTML code I used to put the date picker in the form:
jQuery UI Datepicker - Default functionalityVanaf:
meta charset=“utf-8” style="">
meta name=“viewport” content=“width=device-width, initial-scale=1” style="">
title style="">jQuery UI Datepicker - Default functionality
link rel=“stylesheet” href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" style="">
link rel=“stylesheet” href="/resources/demos/style.css" style="">
script src=“https://code.jquery.com/”>
script src=“https://code.jquery.com/ui/1.12.1/jquery-ui.js”>
script>
$( function() {
$( “#datepicker” ).datepicker();
} );
/script>
p>Vanaf:
Hi @Mattheus
Sorry, I can’t help you with this problem. But @webplus have great a date picker bric and it works perfect. It’s at the moment a beta ( I think ) He will do a set of brics for buying …
Tom
I do not think that @webplus has already made it available.
In the meantime if you want to you can private message me the black file containing the date picker code widget ( only this part of your site ) and attachments you have used I can have a look to try to assist you.
MDS
That is a totally different way compared I did it…
But best of: it works!!! THANKS THANKS THANKS!!!
Thanks again @MDS!
Is there also somewhere an option that I can change the background of the date-picker popup; It’s now transparant…
Hi @Mattheus
You need to insert the following code in the page settings:
<style>
.ui-widget-content {
border: 1px solid #dddddd;
background: rgba(0,0,0, 0.6);
color: #333333;
}
</style>
For instance here the background will be black with an opacity set to 60%.
Update file:
Date Picker European format-BCKGD-color.bloc (723.7 KB)
MDS
Perhaps a silly question: But it looks like the date picker will be on several pages on the website. Can I also put it in the project header and project footer? In that case I don’t have to copy/paste it on all the different pages the date-picker is used…
