SSISCANDec 23, 2019
Hi
is it possible for the Date/Time Picker to show a 24 hour Format (HH:MM)
Date Time Picker 24 Hour format (HH:MM)
9 replies · opened Dec 23, 2019
SSemicolon WebSTAFFDec 23, 2019
Hello,
This is Definitely Possible!
You can simply use the JS Code with these settings:
$('.datetimepicker').datetimepicker({
showClose: true,
format: 'MM/DD/YYYY HH:mm',
});This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
SSISCANDec 25, 2019
Hi
Do you have any documentation for the Date Time Picker, we are strangling getting the Form data from the form to the database and then retrieving from the database back into the form to edit a change.
Regards
Barry
SSemicolon WebSTAFFDec 26, 2019
Hello,
You can consider checking out the Official Documentation here: https://tempusdominus.github.io/bootstrap-4/Usage/ .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
SSISCANDec 26, 2019
Hi
I am having a problem replicating the page shown at https://tempusdominus.github.io/bootstrap-4/Usage/, I copied the code/script to my host and it does not work properly all boxes showing the same, here is the outcome https://www.dev-01.ca/sam/sam_DatePicker-19122602.php
Not sure if it is an issue with the css/js pages, located at ../css and ../js
Has there been an update, that I need to install locally (MyHost)?
SSemicolon WebSTAFFDec 26, 2019
Hello,
You will need to use the Icons from here: http://themes.semicolonweb.com/html/canvas/icons.html . And also you will need to place the <script> related codes at the bottom of the Page after the Plugin JS is linked to the Page.
Additionally, this Plugin is compatible with Canvas, means that the Plugin Functionality is integrated to work with Canvas seamlessly. However, any custom codes must be integrated by yourself or with the help of a Freelancer as we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .
Also, make sure that you check your browser's Developer Console for Full List of JS Errors.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
SSISCANDec 26, 2019
Hi
Referring to your reply dated December 23, 2019 at 10:32 pm
I tried to get the HH:mm working and failed.
It can be viewed here: -
https://www.dev-01.ca/sam/sam_DatePicker-MinimumSetup-HHMM.php
SSemicolon WebSTAFFDec 26, 2019
Hello,
We have checked out the codes on your Page and the JS Codes you have used for your Date-Time Picker:
$(function() {
$('.datetimepicker1').datetimepicker({
showClose: true,
format: 'MM/DD/YYYY HH:mm',
});
});
does not work as expected because the .datetimepicker1 Class/Element does not exist on the Page. The actual Date-Time Picker element on your Page is #datetimepicker1. Notice the Difference between the Class and an ID. Changing the .datetimepicker1 to #datetimepicker1 in your JS Codes should automatically fix your issue.
Also, it is recommended to delete any unused codes on your Page to avoid confusion.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
SSISCANDec 26, 2019
Hi
FYI
Resolved the HH:mm issue.
Referring to your message December 26, 2019 at 4:19 pm, please advise how/where I install the Icons to the Canvas Template.
SSemicolon WebSTAFFDec 26, 2019
Hello,
The Font Icons are already added in the Document <head> using the following code:
- You just need to use the Icons by using the Icon Classes mentioned here: http://themes.semicolonweb.com/html/canvas/icons.html .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard