if ($(".section").length) {
var script_arr = [
'moment.js',
'daterangepicker.js',
];
$.getMultiScripts(script_arr);
}
$(function() {
$('#date-picker').daterangepicker({
"opens": "left",
singleDatePicker: true,
isInvalidDate: function(date) {
var disabled_start = moment('09/02/2018', 'MM/DD/YYYY');
var disabled_end = moment('09/06/2018', 'MM/DD/YYYY');
return date.isAfter(disabled_start) && date.isBefore(disabled_end);
}
});
});
在上面的代码中,我在特定页面上加载了多个脚本,但我无法正确初始化这些脚本。
最佳答案
因为daterangepicker.js
还没有加载,在回调或者done()
函数中执行脚本。
if ($(".section").length) {
var script_arr = [
'moment.js',
'daterangepicker.js',
];
$.getMultiScripts(script_arr).done(function() {
$('#date-picker').daterangepicker({
"opens": "left",
singleDatePicker: true,
isInvalidDate: function(date) {
var disabled_start = moment('09/02/2018', 'MM/DD/YYYY');
var disabled_end = moment('09/06/2018', 'MM/DD/YYYY');
return date.isAfter(disabled_start) && date.isBefore(disabled_end);
}
});
});
}
关于javascript - 在 jQuery 的特定页面上加载和初始化多个 JS 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54545906/