所以目前我在 Elementor 上有一个表单,其中包含一个日期字段和两个时间字段。 日历需要使用德语,所以我使用了我在网上找到的 flatpickr 代码,它在大多数情况下都有效。代码插入到wordpress的functions.php文件中。日历是德文的。但是,代码还会在单击时将两个时间字段更改为日历,我不知道如何更改它。任何潜在的解决方案都会很棒,因为我被困在这个问题上。 这是我的 flatpickr 代码:
add_action('wp_footer', function () {
if ((! is_page(744)) and (! is_page(746)) and (! is_page(1123)) and (! is_page(719))) {
return;
}
?>
<script>
jQuery( document ).ready( function( $ ){
function waitForFlatpicker( callback ) {
if ( typeof window.flatpickr !== 'function' ) {
setTimeout( function() { waitForFlatpicker( callback ) }, 100 );
}
callback();
}
waitForFlatpicker( function(){
flatpickr.l10ns.pt = {
weekdays: {
shorthand: ["Son", "Mon", "Dien", "Mitt", "Don", "Frei", "Sam"],
longhand: [
"Sonntag",
"Montag",
"Dienstag",
"Mittwoch",
"Donnerstag",
"Freitag",
"Samstag",
],
},
months: {
shorthand: [
"Jan",
"Feb",
"Mar",
"Apr",
"Mai",
"Jun",
"Jul",
"Agu",
"Set",
"Okt",
"Nov",
"Dez",
],
longhand: [
"Januar",
"Februar",
"März",
"April",
"Mai",
"Juni",
"Juli",
"August",
"September",
"Oktober",
"November",
"Dezember",
],
},
rangeSeparator: "r",
};
//set translations
flatpickr.localize(flatpickr.l10ns.pt);
flatpickr('.flatpickr-input');
//set format
setTimeout( function(){
$('.flatpickr-input').each(function(){ flatpickr( $(this)[0] ).set('dateFormat', 'd/m/Y');});
}, 1000 );
});
});
</script>
<?php
} );
有什么办法可以隔离它,以便代码仅在单击日历字段时运行?
我不太熟悉 Flatpickr,所以我不知道它是如何工作的,也不知道如何让它只在选择日历字段而不是两个时间字段时运行。