bootstrap-datetimepicker for bootstrap 4

We’ve made a fork with the fixes with detail documentation:

Forked Repository:

Usage:

jQuery(document).ready(function($) {
    if (window.jQuery().datetimepicker) {
        $('.datetimepicker').datetimepicker({
            // Formats
            // follow MomentJS docs: https://momentjs.com/docs/#/displaying/format/
            format: 'DD-MM-YYYY hh:mm A',

            // Your Icons
            // as Bootstrap 4 is not using Glyphicons anymore
            icons: {
                time: 'fa fa-clock-o',
                date: 'fa fa-calendar',
                up: 'fa fa-chevron-up',
                down: 'fa fa-chevron-down',
                previous: 'fa fa-chevron-left',
                next: 'fa fa-chevron-right',
                today: 'fa fa-check',
                clear: 'fa fa-trash',
                close: 'fa fa-times'
            }
        });
    }
});

Credits:

Thanks to Eonasdan for the awesome library. Thanks to 非良 (wgbbiao) for their fork too. Thanks to Camille Anelli’s blog for the reminder about the icons.

Related Posts:

  1. Bootstrap Dropdown menu is not working
  2. Adding images to a Bootstrap Carousel with AJAX
  3. ChangeDate – Date Picker Bootstrap
  4. Understanding how data-dismiss attribute works in Bootstrap
  5. TypeError: $(…).modal is not a function with bootstrap Modal
  6. Bootstrap popover is not working
  7. How to open a Bootstrap modal window using jQuery?
  8. Closing Bootstrap modal onclick
  9. How to change CSS using jQuery?
  10. How to properly use jsPDF library
  11. Uncaught ReferenceError: $ is not defined?
  12. jQuery document.createElement equivalent?
  13. Toggle show/hide on click with jQuery
  14. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  15. jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
  16. How to create a jQuery function (a new jQuery method or plugin)?
  17. Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function
  18. Scroll to an element with jQuery
  19. jQuery Get Selected Option From Dropdown
  20. Uncaught TypeError: Cannot read property ‘length’ of undefined
  21. Check if element exists in jQuery
  22. Checking a Url in Jquery/Javascript
  23. Uncaught TypeError: $.post is not a function
  24. When and why to ‘return false’ in JavaScript?
  25. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  26. querySelector vs. getElementById
  27. How to generate a simple popup using jQuery
  28. AJAX response error: net::ERR_EMPTY_RESPONSE
  29. XML Parsing Error: no root element found Location in Console FF
  30. Bootstrap Dropdown menu is not working
  31. document.getElementByID is not a function
  32. Bootstrap Dropdown menu is not working
  33. Moment js date time comparison
  34. Add table row in jQuery
  35. Create table with jQuery – append
  36. How to create a JQuery Clock / Timer
  37. When is JavaScript synchronous?
  38. Proper way to wait for one function to finish before continuing?
  39. Access Control Request Headers, is added to header in AJAX request with jQuery
  40. How to set ‘X-Frame-Options’ on iframe?
  41. How do I get an element to scroll into view, using jQuery?
  42. How do I check if string contains substring? [duplicate]
  43. explode string in jquery
  44. Play an audio file using jQuery when a button is clicked
  45. How can I get the last character in a string?
  46. Bootstrap 4 Dropdown Menu not working?
  47. document.getElementsByClassName().innerHTML always returns “undefined”
  48. Jquery button click() function is not working
  49. How to define Global Arrays?
  50. Why is this jQuery click function not working?
  51. Disable Chrome strict MIME type checking
  52. How to uncheck a radio button?
  53. Phone mask with jQuery and Masked Input Plugin
  54. JQuery get all elements by class name
  55. Attaching ‘onclick’ event to D3 chart background
  56. How do I check whether a checkbox is checked in jQuery?
  57. The preferred way of creating a new element with jQuery
  58. jQuery count child elements
  59. How do I check if an element is hidden in jQuery?
  60. Creating a div element in jQuery
  61. jQuery equivalent of querySelector
  62. Convert normal date to unix timestamp
  63. jQuery replace one class with another
  64. Clearing my form inputs after submission
  65. Changing the image source using jQuery
  66. Get class list for element with jQuery
  67. Reload an iframe with jQuery
  68. Convert array to JSON
  69. How to disable scrolling temporarily?
  70. How to manage a redirect request after a jQuery Ajax call
  71. How do you remove all the options of a select box and then add one option and select it with jQuery?
  72. Add and remove multiple classes in jQuery
  73. Get the Highlighted/Selected text
  74. How to get the children of the $(this) selector?
  75. window.onload vs $(document).ready()
  76. jQuery scrollTop() method not working
  77. FormData append not working
  78. Print a div content using Jquery
  79. Uncaught TypeError: Cannot read property ‘toLowerCase’ of undefined
  80. How can JavaScript save to a local file?
  81. How to go to a URL using jQuery?
  82. How to close a window using jQuery
  83. How to find if div with specific id exists in jQuery?
  84. TypeError: $ is not a function WordPress
  85. Fully responsive HTML5 video
  86. How to fix the error; ‘Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)’
  87. JQuery Number Formatting
  88. How to add jQuery in JS file
  89. Get query string parameters url values with jQuery / Javascript (querystring)
  90. jQuery .animate() not working
  91. Adding JavaScript to a WordPress website
  92. is_page_template() written in jquery/javascript
  93. Cannot use characters ” in jQuery script in WordPress
  94. On click load iframe [closed]
  95. Can’t get rid of JQMIGRATE: Migrate is installed, version 3.3.2. Manually updated all the libralies and site. 5.8.2
  96. Script only works on wordpress home page & only when Jqurery is aded using
  97. Error on clicking ‘Screen Options’ tab only at Products-related editor screen(s) and for specific user
  98. Select parent from child class name then add another class name to the parent
  99. change background image on scroll
  100. Bootstrap with separate js File

Leave a Comment