commit
This commit is contained in:
45
js/admin.js
Normal file
45
js/admin.js
Normal file
@@ -0,0 +1,45 @@
|
||||
jQuery(document).ready(function($) {
|
||||
// 初始化日期选择器
|
||||
function initDatepicker() {
|
||||
$('.datepicker').datepicker({
|
||||
dateFormat: 'mm-dd',
|
||||
changeMonth: true,
|
||||
changeYear: false
|
||||
});
|
||||
}
|
||||
|
||||
// 初始化已有的日期选择器
|
||||
initDatepicker();
|
||||
|
||||
// 添加新日期
|
||||
$('.add-date').on('click', function() {
|
||||
var dateItem = $('<div class="gray-date-item"></div>');
|
||||
var dateInput = $('<input type="text" name="gray_dates[]" class="datepicker" readonly />');
|
||||
var removeButton = $('<button type="button" class="button remove-date">删除</button>');
|
||||
|
||||
dateItem.append(dateInput).append(removeButton);
|
||||
$('#gray-dates-list').append(dateItem);
|
||||
|
||||
// 初始化新添加的日期选择器
|
||||
dateInput.datepicker({
|
||||
dateFormat: 'mm-dd',
|
||||
changeMonth: true,
|
||||
changeYear: false
|
||||
});
|
||||
|
||||
// 自动打开日期选择器
|
||||
dateInput.datepicker('show');
|
||||
});
|
||||
|
||||
// 删除日期(使用事件委托)
|
||||
$('#gray-dates-list').on('click', '.remove-date', function() {
|
||||
var dateItem = $(this).parent('.gray-date-item');
|
||||
|
||||
// 如果只有一个日期项,则清空而不是删除
|
||||
if ($('.gray-date-item').length === 1) {
|
||||
dateItem.find('input').val('');
|
||||
} else {
|
||||
dateItem.remove();
|
||||
}
|
||||
});
|
||||
});
|
Reference in New Issue
Block a user