jQuery DatePicker: 防止"Today"按钮变灰
jQuery DatePicker: Prevent the "Today" button from being grayed out
这与postjQuery UI Datepicker Today Link
有关
使用下面的代码会使 "Today" 按钮呈现为黑色。但是,它只能工作一次,因为当单击 "Today" 按钮时,它会变回灰色。有没有更好的方法来处理这个问题,使显色性永久不变?
$(document).ready(function() {
$(".datePicker").datepicker({
changeMonth: true,
changeYear: true,
dateFormat: "yy-mm-dd",
yearRange: "2000:c+1",
showButtonPanel: true
});
$('.datePicker').click(function () {
$('button.ui-datepicker-current').removeClass('ui-priority-secondary').addClass('ui-priority-primary');
});
});
因为日期选择器只有 beforeShow 事件而不是 onShow、onOpen 或 afterShow。我们应该自己建造它。
$.datepicker._updateDatepicker_original = $.datepicker._updateDatepicker;
$.datepicker._updateDatepicker = function(inst) {
$.datepicker._updateDatepicker_original(inst);
var afterShow = this._get(inst, 'afterShow');
if (afterShow)
afterShow.apply((inst.input ? inst.input[0] : null));
}
参考:
如果我们加入你的功能,那会像 this fiddle
这与postjQuery UI Datepicker Today Link
有关使用下面的代码会使 "Today" 按钮呈现为黑色。但是,它只能工作一次,因为当单击 "Today" 按钮时,它会变回灰色。有没有更好的方法来处理这个问题,使显色性永久不变?
$(document).ready(function() {
$(".datePicker").datepicker({
changeMonth: true,
changeYear: true,
dateFormat: "yy-mm-dd",
yearRange: "2000:c+1",
showButtonPanel: true
});
$('.datePicker').click(function () {
$('button.ui-datepicker-current').removeClass('ui-priority-secondary').addClass('ui-priority-primary');
});
});
因为日期选择器只有 beforeShow 事件而不是 onShow、onOpen 或 afterShow。我们应该自己建造它。
$.datepicker._updateDatepicker_original = $.datepicker._updateDatepicker;
$.datepicker._updateDatepicker = function(inst) {
$.datepicker._updateDatepicker_original(inst);
var afterShow = this._get(inst, 'afterShow');
if (afterShow)
afterShow.apply((inst.input ? inst.input[0] : null));
}
参考:
如果我们加入你的功能,那会像 this fiddle