jared
January 20, 2022, 10:19pm
1
Here’s a calendar that’s made using the Luxon javascript library, the web viewer, and a DVL. There’s several ways to bring a calendar into your app now!
check it out!
you may need to view this on a mobile device for propper formatting!
project page
*** updated link ^^^^ ***
3 Likes
tatiang
January 20, 2022, 11:16pm
2
It would be cool to see one of your pop-up windows appear when clicking on a date.
1 Like
jared
January 20, 2022, 11:50pm
3
Thanks! That’s the next step!
I need to experiment with other methods of speeding this up though!
jared
July 23, 2022, 9:07pm
4
https://x.thunkable.com/projectPage/62daaeccee0a1d0011503b23
A date picker I’ve been cooking up using the flatpickr.js library and the webviewer. This is only a start! (Works best on mobile not web app)
1 Like
muneer
July 23, 2022, 9:58pm
5
It’s much easier to use the Google materialize date picker. I use it with the web Viewer
component.
1 Like
jared
July 24, 2022, 12:25am
6
Care to share an example here?! Sounds great!
1 Like
muneer
July 24, 2022, 1:28pm
7
This is the URL for the Date Picker in Materialize
This is the html file to use
<!DOCTYPE html>
<html>
<head>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<label for="user_date">Click to view calendar</label>
<input type="text" class="datepicker" id="user_date">
<script>
document.addEventListener('DOMContentLoaded', function () {
var elems = document.querySelectorAll('.datepicker');
var instances = M.Datepicker.init(elems);
});
</script>
</body>
</html>
Example Screen
2 Likes