Мне нужен мой проект, я думаю, что bootstrap datepicker все еще не предлагает. Я хотел бы включить/отключить поле datepicker, чтобы пользователь не смог изменить его значение. Что-то вроде функции readOnly.
Любые идеи об этом?
Спасибо заранее.
Мне нужен мой проект, я думаю, что bootstrap datepicker все еще не предлагает. Я хотел бы включить/отключить поле datepicker, чтобы пользователь не смог изменить его значение. Что-то вроде функции readOnly.
Любые идеи об этом?
Спасибо заранее.
Я нашел решение, но просто изменил код календаря бутстрапа. Переопределение части this._events для отключения события keyup/down работало для меня:
_buildEvents: function(){
if (this.isInput) { // single input
this._events = [
[this.element, {
focus: $.proxy(this.show, this),
keyup: $.proxy(this.update, this),
keydown: $.proxy(this.keydown, this)
}]
];
}
else if (this.component && this.hasInput){ // component: input + button
this._events = [
// For components that are not readonly, allow keyboard nav
[this.element.find('input'), {
//focus: $.proxy(this.show, this),
//keyup: $.proxy(this.update, this),
//keydown: $.proxy(this.keydown, this)
}],
[this.component, {
click: $.proxy(this.show, this)
}]
];
}
else if (this.element.is('div')) { // inline datepicker
this.isInline = true;
}
else {
this._events = [
[this.element, {
click: $.proxy(this.show, this)
}]
];
}
this._secondaryEvents = [
[this.picker, {
click: $.proxy(this.click, this)
}],
[$(window), {
resize: $.proxy(this.place, this)
}],
[$(document), {
mousedown: $.proxy(function (e) {
// Clicked outside the datepicker, hide it
if (!(
this.element.is(e.target) ||
this.element.find(e.target).length ||
this.picker.is(e.target) ||
this.picker.find(e.target).length
)) {
this.hide();
}
}, this)
}]
];
},
$("#nicIssuedDate").prop('disabled', true);
это работает для меня с Bootprap Datepicker и JQuery
Вы можете выполнить следующие действия:
Для отключения:
$("#date").datepicker("option", "disabled", true);
и для включения:
$("#date").datepicker("option", "disabled", false);
Вы можете использовать onRender
событие Bootstrap, которое отключает datepicker
.
onRender
: это событие запускается, когда день отображается в параметре datepicker. Должен возвращать строку. Возврат 'disabled', чтобы отключить день от выбора.
Просто сделайте следующее:
$('#idOfYourCalendar').data("DateTimePicker").disable();
официальные документы: https://eonasdan.github.io/bootstrap-datetimepicker/Functions/
Попробуйте установить параметр enabledDates в массив только даты, которую вы хотите показать. Также установите дату на эту дату. Все остальные даты будут отключены.
enabledDates: ['your_date_to_show'],
Eg.
$('#Date').datetimepicker({
inline: true,
viewMode: "days",
format: "YYYY-MM-DD",
enabledDates: [fetchDate("Date")],
})
.data("DateTimePicker")
.date(fetchDate("Date"));
$('#Date').ready(function (){
$("#Date").data("DateTimePicker").date(fetchDate("Date"));
});
Мне удалось получить приемлемое решение:
$(".date").datetimepicker({
defaultDate: moment(),
format: 'YYYY-MM-DD'
}).end().on('keypress paste', function (e) {
e.preventDefault();
return false;
});
Надеюсь, что это сработает и для вас!
Используйте этот код
$("#nicIssuedDate").prop('disabled', true);
Вам просто нужно использовать метод jquery attr
$('').attr('disabled', true);
Thats All:)