0

编辑：@Mike 'Pomax' Kamermans，对链接缩短者感到抱歉，你是绝对正确的！

我在我的网站上的表单中添加了一个日期选择器，但它仅在我直接浏览页面时才有效，例如，如果您直接打开第一个链接（预订页面），日期选择器应该可以正常工作（这意味着没有错误在我刚刚添加的代码中）。

但是，如果您首先浏览到索引页面（链接 2）然后单击 Reservation，则使用 page.js librairie 加载该页面，并且似乎我的代码没有执行！

这是在我的 reservation.html 页面上的结束正文标记之前放置的代码的相关部分：

<script src="./plugin/components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="./plugin/components/bootstrap-datepicker/locales/bootstrap-datepicker.fr.min.js"></script> 
<script src="./plugin/components/moment/moment.min.js"></script>
<script src="./plugin/components/TouchSwipe/jquery.touchSwipe.min.js"></script> 
<script src="./plugin/datepicker-in-fullscreen.js"></script>

<script>
    $('#date').datepickerInFullscreen({
        fakeInput           : false,
        format              : 'DD/MM/YYYY',
        effect              :   '16',
        template        :   ' <div class="datepicker-in-fullscreen-modal dpifs-inverted-colors"> ' +
                                ' <div class="datepicker-in-fullscreen-content"> ' +
                                    ' <div class="datepicker-in-fullscreen"></div> ' +
                                    ' <div class="datepicker-in-fullscreen-controls"> ' +
                                        ' <a class="dpifs-today">{{today}}</a><a class="dpifs-clear">{{clear}}</a><a class="dpifs-close">{{close}}</a> ' +
                                    ' </div> ' +
                                ' </div> ' +   
                            ' </div> '+
                            ' <div class="datepicker-in-fullscreen-background dpifs-inverted-colors"></div> ',
        datepicker             : { 
            daysOfWeekDisabled: [0],
            language : 'fr'
        }
    });
</script>
<script>

var cleave = new Cleave('#phone', { phone: true, phoneRegionCode: 'fr' });

</script>

预订页面

索引页面

Javascript 主要代码

目前唯一的解决方案是刷新页面以使日期选择器工作..

为什么我的 JS 没有执行？在这种情况下添加自定义 js 文件的正确方法是什么？

非常感谢所有阅读所有主题的人！

4

0 回答 0