Question

我需要在我的页面中加载不同的JavaScript函数，并且所有这些函数一个接一个地正常工作，当我尝试使所有这些函数一起工作时问题就开始了。我在代码中编写的第一个脚本是唯一可行的脚本，而其他脚本则没有。

我在<head>内部标记：

＆＃13;

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script>
$( function() {
    $( "#from" ).datepicker();
    $( "#to").datepicker();
} );
</script>

<script>
jQuery(function(){
    jQuery('#from').on('change', function(){
        var FechaLlegada = jQuery('#from').val();
        jQuery('#to').val(FechaLlegada);
    })  
});
</script>

＆＃13;

然后在另一个页面中我有两个脚本来控制一些datepicker功能：

＆＃13;

<script>
$('input.date-picker-1').datepicker({
    constrainInput: true,
    hideIfNoPrevNext: true,
    onSelect: function () {
    var dees = $(this);
    setTimeout(function() { 
        dees.closest('.fields').find('.date-picker-2').datepicker('show');
    }, 100);
    }
});
$('input.date-picker-2').datepicker();
</script>	

<script>
var dateToday = new Date();
var dates = $("#from, #to").datepicker({
    defaultDate: "+1w",
    changeMonth: false,
    numberOfMonths: 1,
    minDate: dateToday,
    onSelect: function(selectedDate) {
        var option = this.id == "from" ? "minDate" : null,
            instance = $(this).data("datepicker"),
            date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
            if(option!==null){
                dates.not(this).datepicker("option", option, date);
            }
    }
});
</script>

＆＃13;

唯一适用于此配置的是以$('input.date-picker-1').datepicker({...})

开头的配置

如何让它们一起工作？

如何在JavaScript中使用多个脚本

0 个答案: