eureka2
commented
5 years ago Release 2.1.13 is now bootstrap 4 compatible :
$('#date').datepicker({
markup: 'bootstrap4'
});Closed tamb closed 5 years ago
eureka2
commented
5 years ago Release 2.1.13 is now bootstrap 4 compatible :
$('#date').datepicker({
markup: 'bootstrap4'
});
I was wondering the same thing. I cloned the repo, created a new branch, made the modifications for bootstrap 4 compatibility, and committed my code. However, I do not have permission to push my branch to this repo.
For now, I will copy and paste the contents of my updated datepicker.js file below. Please note that you must utilize Font Awesome 5 for this to work (bootstrap 4 removed glyphicons). Also note that you should comment out or delete lines 73-78 of datepicker.css (as this also references a glyphicon).
(function () { "use strict"; if (typeof Date.dp_locales === 'undefined') { Date.dp_locales = { "texts": { "buttonTitle": "Select date ...", "buttonLabel": "Click or press the Enter key or the spacebar to open the calendar", "prevButtonLabel": "Go to previous month", "prevMonthButtonLabel": "Go to the previous year", "prevYearButtonLabel": "Go to the previous twenty years", "nextButtonLabel": "Go to next month", "nextMonthButtonLabel": "Go to the next year", "nextYearButtonLabel": "Go to the next twenty years", "changeMonthButtonLabel": "Click or press the Enter key or the spacebar to change the month", "changeYearButtonLabel": "Click or press the Enter key or the spacebar to change the year", "changeRangeButtonLabel": "Click or press the Enter key or the spacebar to go to the next twenty years", "closeButtonTitle": "Close", "closeButtonLabel": "Close the calendar", "calendarHelp": "- Up Arrow and Down Arrow - goes to the same day of the week in the previous or next week respectively. If the end of the month is reached, continues into the next or previous month as appropriate.\r\n- Left Arrow and Right Arrow - advances one day to the next, also in a continuum. Visually focus is moved from day to day and wraps from row to row in the grid of days.\r\n- Control+Page Up - Moves to the same date in the previous year.\r\n- Control+Page Down - Moves to the same date in the next year.\r\n- Home - Moves to the first day of the current month.\r\n- End - Moves to the last day of the current month.\r\n- Page Up - Moves to the same date in the previous month.\r\n- Page Down - Moves to the same date in the next month.\r\n- Enter or Espace - closes the calendar, and the selected date is shown in the associated text box.\r\n- Escape - closes the calendar without any action." }, "directionality": "LTR", "month_names": [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], "month_names_abbreviated": [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ], "month_names_narrow": [ "J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D" ], "day_names": [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], "day_names_abbreviated": [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], "day_names_short": [ "Su", "Mo", "Tu", "We", "Th", "Fr", "Sa" ], "day_names_narrow": [ "S", "M", "T", "W", "T", "F", "S" ], "day_periods": { "am": "AM", "noon": "noon", "pm": "PM" }, "day_periods_abbreviated": { "am": "AM", "noon": "noon", "pm": "PM" }, "day_periods_narrow": { "am": "a", "noon": "n", "pm": "p" }, "quarter_names": [ "1st quarter", "2nd quarter", "3rd quarter", "4th quarter" ], "quarter_names_abbreviated": [ "Q1", "Q2", "Q3", "Q4" ], "quarter_names_narrow": [ "1", "2", "3", "4" ], "era_names": [ "Before Christ", "Anno Domini" ], "era_names_abbreviated": [ "BC", "AD" ], "era_names_narrow": [ "B", "A" ], "full_format": "EEEE, MMMM d, y", "long_format": "MMMM d, y", "medium_format": "MMM d, y", "short_format": "M/d/yy", "firstday_of_week": 0 }; } })();
(function(factory){ if (typeof define === "function" && define.amd) { define(["jquery"], factory); } else if (typeof exports === 'object') { factory(require('jquery')); } else { if (typeof jQuery === 'undefined') { throw new Error('Datepicker\'s JavaScript requires jQuery') } factory(jQuery); } }(function($, undefined){ 'use strict';
}));