45 lines
1.4 KiB
JavaScript
45 lines
1.4 KiB
JavaScript
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();
|
|
}
|
|
});
|
|
}); |