0

ビューの 1 つに Date-Time ピッカーが必要なので、Trent Richardson のものを使用することにしました。しかし、今まで私はそれを機能させることができませんでした. だからここに私がしたことがあります：

  1. jquery.ui.datepicker.min.js`の名前の下にクエリ コードを追加したのでjquery-ui-timepicker-addon、そこに 2 つのファイルが作成されました。Scripts\plugins\datepicker directory where I already have

  2. 私の新しい js ファイルを次のように `Shared_Layout.cshtml ビューに含めます。

これらは、datetimepicker を使用できるようにするために行った 2 つの手順です。次に、datepicker も使用して動作する部分ビューの 1 つで、次のように datetimepicker を使用しようとします。

else if (field[i].MCS_Fields.QuestionTypeId == 3)
                    { 
                        <script type="text/javascript">
                            $(function () {
                                $(".datetimepicker").datetimepicker();
                            });
                        </script>
                        <input type="text" class="datetimepicker" />
                        @*@Html.TextBox("datetimepicker", "", new { @class = "datetimepicker" })*@
                    }

しかし、うまくいきません。最初に試してみまし@Html.TextBoxたが、ご覧のとおり、コメントして単純な<inputタグで試しました。しかし、同じ部分ビューで私はこれを持っています:

if (field[i].MCS_Fields.QuestionTypeId == 2)
                    { 
                        <script type="text/javascript">
                            $(function () {
                                $(".datepicker").datepicker();
                            });
                        </script>
                        @Html.TextBox("datepicker", "", new { @class = "datepicker" })
                    }

期待どおりに動作しています。私が気付いたのは、_Layoutページにdatepicker jsファイルがどこにも含まれていないことですが、それでも使用できます。datetimepicker を間違った場所に含めていますか? それとも問題は別の場所にあるのでしょうか?

4

1 に答える 1

1

レイアウトで、スクリプトの後に含める必要があるスクリプトの後にスクリプトを含めていることを確認jquery-ui-timepicker-addon.jsしてください。jquery.ui.datepicker.min.jsjquery.js

また、パーシャルからすべてのスクリプトを削除し、レイアウトのスクリプト インクルードの後に​​配置することをお勧めします。

<script type="text/javascript">
    $(function () {
        $('.datetimepicker').datetimepicker();
    });
</script>

スクリプトが DOM の最後に含まれている場合は、それらを document.ready イベントでラップする必要さえありません。

于 2013-05-14T07:19:06.373 に答える