0

JavaScript コードを作成しました。カレンダーとボタンがあり、コードは joget の外部で適切に実行されています。jogetアプリケーションでページのリロードボタンをクリックすると、このページのリロードを停止して、実際のクリック機能をjogetで表示するにはどうすればよいですか。

ここに画像の説明を入力

`$('#getBetween').click(function () {
                var start = $("#date_picker1").datepicker("getDate"),
                    end = $("#date_picker2").datepicker("getDate"),
                    currentDate = new Date(start),
                    between = []
                    ;

                while (currentDate <= end) {
                    between.push(new Date(currentDate));
                    currentDate.setDate(currentDate.getDate() + 1);
                }

                $(document).ready(function () {
                    $("#results").html(between.map(function (value) {
                        return $('#results:last').after('<div class="block">' + value + '<button class="remove">x</button></div>')
                    }));
                    $('.remove').click(function () {
                        $(this).parent().remove();
                        console.log(between)
                    })
                });


            });

`

get between は、私のボタンの機能です。ボタンをクリックすると、ページが更新されると同時にコンテンツが表示され、jogetでページがリロードされます。Visual Studioで適切に機能している間。これで私を助けてくれませんか

4

2 に答える 2

0

コードを追加できますか:hrefが空の場合に発生します。に変更しhref:"#"ます。

それ以外の場合は、コード スニペットを追加してください。

ここで質問を更新した後、できることは次のとおりです。

方法 1:

`$('#getBetween').click(function () {
                    var start = $("#date_picker1").datepicker("getDate"),
                        end = $("#date_picker2").datepicker("getDate"),
                        currentDate = new Date(start),
                        between = []
                        ;

                    while (currentDate <= end) {
                        between.push(new Date(currentDate));
                        currentDate.setDate(currentDate.getDate() + 1);
                    }

                    $(document).ready(function () {
                        $("#results").html(between.map(function (value) {
                            return $('#results:last').after('<div class="block">' + value + '<button  class="remove">x</button></div>')
                        }));
                        $('.remove').click(function (e) {
                         e.preventDefault()
                            $(this).parent().remove();
                            console.log(between)
                        })
                    });


                });

追加するだけpreventdefault()

または方法2は定かではありませんがonClick= ""、ボタンを追加できます

于 2020-05-13T04:57:59.477 に答える