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();
        }
    });
});