Question

在顶点页面使用Datetimepicker，Onload工作正常，但在重新渲染后无法正常工作。码：：使用了apex inputfield ::

<apex:inputField value="{!comextnew.Established_Date__c}" styleClass="jqdatepicker" />

脚本::

 <script>           
        var dt = jQuery.noConflict();   
        dt(document).ready(function() {                         
        dt('.jqdatepicker').datetimepicker({
        timepicker:false,
        format:'m/d/Y',
        formatDate: 'm/d/Y', 
        });
        })
</script>

当我检查它的说法时::

Uncaught TypeError: Cannot read property 'addEventListener' of null
Uncaught TypeError: Cannot read property 'currentStyle' of null

Answer 1

在我对这个问题进行了全面的研究之后，我知道在页面上加载HTML5组件并在页面重新呈现时没有获取组件信息，因为页面重新呈现部分呈现为html4或更低的html版本＆＃39; s component.Thats为什么我通过一些脚本找到解决方案，该脚本在加载时保存页面的组件信息，并在您尝试重新渲染时使用相同的内容。在页面中添加以下脚本，它将为您完成任务。

<script>

    var script = document.createElement('script');
    script.src = "{!URLFOR($Resource.edsr_master, 'edsr_root/js/jquery-1.9.1.js')}";
    script.onload = function() {
        loadJS();
    }
    document.head.appendChild(script);     
    function loadJS() {
        var script1 = document.createElement('script');
        script1.src = "{!URLFOR($Resource.edsr_master, 'edsr_root/js/jquery.datetimepicker.js')}";
        script1.onload = function() {

        }
        document.head.appendChild(script1); 
    }
</script>

页面重新呈现后，日期时间选择器不起作用

1 个答案: