xin chào, bạn đã có tùy chọn dateFormat
Định dạng bạn đã có trên tập lệnh của mình là
đ=ngày,
mm=tháng,
năm = năm,
ngày ví dụ với định dạng hiện tại của bạn là. 31/12/2020
$[document].ready[function[] { var year = [new Date].getFullYear[]; $['.input-daterange'].datepicker[{ format: "dd-mm-yyyy", autoclose:true, minDate: new Date[year, 0, 1], maxDate:new Date[year, 11, 31] }]; }];
bạn có thể thay đổi định dạng ngày chẳng hạn
________1 hoặc 2_______
// Strings and translations
monthsFull: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October',
'November', 'December'],
monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
weekdaysFull: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
showMonthsShort: undefined,
showWeekdaysFull: undefined,
// Buttons
today: 'Today',
clear: 'Clear',
close: 'Close',
// Accessibility labels
labelMonthNext: 'Next month',
labelMonthPrev: 'Previous month',
labelMonthSelect: 'Select a month',
labelYearSelect: 'Select a year',
// Formats
format: 'd mmmm, yyyy',
formatSubmit: undefined,
hiddenPrefix: undefined,
hiddenSuffix: '_submit',
hiddenName: undefined,
// Editable input
editable: undefined,
// Dropdown selectors
selectYears: undefined,
selectMonths: undefined,
// First day of the week
firstDay: undefined,
// Date limits
min: undefined,
max: undefined,
// Disable dates
disable: undefined,
// Root picker container
container: undefined,
// Hidden input container
containerHidden: undefined,
// Close on a user action
closeOnSelect: true,
closeOnClear: true,
// Events
onStart: undefined,
onRender: undefined,
onOpen: undefined,
onClose: undefined,
onSet: undefined,
onStop: undefined,
// Classes
klass: {
// The element states
input: 'picker__input',
active: 'picker__input--active',
// The root picker and states *
picker: 'picker',
opened: 'picker--opened',
focused: 'picker--focused',
// The picker holder
holder: 'picker__holder',
// The picker frame, wrapper, and box
frame: 'picker__frame',
wrap: 'picker__wrap',
box: 'picker__box',
// The picker header
header: 'picker__header',
// Month navigation
navPrev: 'picker__nav--prev',
navNext: 'picker__nav--next',
navDisabled: 'picker__nav--disabled',
// Month & year labels
month: 'picker__month',
year: 'picker__year',
// Month & year dropdowns
selectMonth: 'picker__select--month',
selectYear: 'picker__select--year',
// Table of dates
table: 'picker__table',
// Weekday labels
weekdays: 'picker__weekday',
// Day states
day: 'picker__day',
disabled: 'picker__day--disabled',
selected: 'picker__day--selected',
highlighted: 'picker__day--highlighted',
now: 'picker__day--today',
infocus: 'picker__day--infocus',
outfocus: 'picker__day--outfocus',
// The picker footer
footer: 'picker__footer',
// Today, clear, & close buttons
buttonClear: 'picker__button--clear',
buttonClose: 'picker__button--close',
buttonToday: 'picker__button--today'
}
Bootstrap là một framework html css rất phổ biến. Bootstrap thông qua chúng tôi có thể tạo ra thiết kế phản hồi nhanh. Nếu bạn cần công cụ đếm ngày với định dạng ngày của mình như yyyy-mm-dd, yyyy/mm/dd, dd/mm/yyyy, dd-mm-yyyy, v.v. thì bạn có thể thực hiện dễ dàng. vì vậy nếu bạn muốn đặt định dạng ngày thì bạn chỉ cần thêm một định dạng đối số và thêm định dạng theo ý muốn như ví dụ dưới đây
Thí dụ
Bootstrap Datepicker with format Example
Trong bài viết này, tôi sẽ giải thích bằng một ví dụ, cách đặt định dạng ngày dd/MM/yyyy trong Bootstrap DatePicker [Calendar]
Bootstrap DatePicker hỗ trợ nhiều định dạng Ngày và để đặt định dạng ngày dd/MM/yyyy, thuộc tính định dạng cần được đặt
Đánh dấu HTML và triển khai Bootstrap DatePicker
Đánh dấu HTML sau bao gồm một Hộp văn bản đã được tạo thành Chỉ đọc
Bên trong trình xử lý sự kiện sẵn sàng cho tài liệu jQuery, TextBox đã được áp dụng với plugin Bootstrap DatePicker