Как показать jquery datetimepicker в полноэкранном режиме? - PullRequest
0 голосов
/ 04 февраля 2020

Как показать jquery DatePicker в полноэкранном режиме?

Я создаю DatePicker на входной тег, и он работает хорошо. Но когда я полноэкранный, панель управления находится позади полноэкранного div. Могу ли я переместить указатель даты в полноэкранный раздел или разрешить его отображение в полноэкранном режиме?

вот мой код:

    <body>
        <div class="ddfullscreen">
            <input class="datepicker">
        </div>
    </body>
    <script>
        //fullscreen
        var elements=document.getElementsByClassName("ddfullscreen");
        for(var i=0;i<elements.length;i++){
            elements[i].addEventListener("click", function(elem){
                if (this.requestFullscreen) {
                this.requestFullscreen();
                } else if (elem.msRequestFullscreen) {
                this.msRequestFullscreen();
                } else if (elem.mozRequestFullScreen) {
                this.mozRequestFullScreen();
                } else if (elem.webkitRequestFullscreen) {
                this.webkitRequestFullscreen();
                }   
            });
            }
    </script>
    <script>
        //datetimepicker
        $(".datepicker").datetimepicker({
            format: "Y-m-d",
            timepicker:false
        });    
    </script>

указатель даты:

примеры: https://xdsoft.net/jqplugins/datetimepicker/

GitHub: https://github.com/xdan/datetimepicker

1 Ответ

0 голосов
/ 05 февраля 2020

Я проверяю опцию на здесь , и нахожу функцию onGenerate (), поэтому я исправляю код следующим образом

    <script>
        //datetimepicker
        $(".datepicker").datetimepicker({
            format: "Y-m-d",
            timepicker:false,
            onGenerate:function(){
                $(".ddfullscreen")[0].append(this[0])
            }
        });    
    </script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...