$(document).ready(function() {
    $.datepicker.setDefaults({
        dateFormat: 'dd.mm.yy',
        dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
        dayNamesMin: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
        monthNames: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
        firstDay: 1,
        minDate: new Date()
    });
    
    $('#selectedDatepicker').datepicker({
        beforeShow: readSelected, 
        onSelect: updateSelected,
        showOn: 'both', 
        buttonImageOnly: true, 
        buttonImage: 'jquery/datepicker/css/images/calendar_icon_green.gif'
    });
    
    $('#selectedDatepicker2').datepicker({
        beforeShow: readSelected2, 
        onSelect: updateSelected2,
        showOn: 'both', 
        buttonImageOnly: true, 
        buttonImage: 'jquery/datepicker/css/images/calendar_icon_green.gif'
    });

});

// Prepare to show a date picker linked to three select controls
function readSelected() {
    $('#selectedDatepicker').val(
        $('#day').val() + '.' + $('#month').val() + '.' + $('#year').val()
    );
    return {};
}

function readSelected2() {
    $('#selectedDatepicker2').val(
        $('#day').val() + '.' + $('#month').val() + '.' + $('#year').val()
    );
    return {};
}

// Update three select controls to match a date picker selection
function updateSelected(date) {
    $('#ankunft').val(date.substring(0, 10));
}

function updateSelected2(date) {
    $('#abreise').val(date.substring(0, 10));
}