2

私はdatepickerを機能させる最も簡単な例を試していますが、うまくいかないようです。私のフィドルにはほとんど何もありません。

私のウェブページの上部にはこれがあります：

<script src="~/Scripts/jquery-1.6.2.js" type="text/javascript" />
<script src="~/Scripts/jquery-ui-1.8.11.js" type="text/javascript" />
<script>
    $(function(){
        $("#datepicker").datepicker();
    });​​​
</script>

注：最初の2行のスクリプト行を_Layout.cshtmlに配置しようとしましたが、エラーが発生しました（現時点ではエラーを思い出さないでください）。だから私はそれをすべて1ページにまとめました。

そして少し下に、その同じページで、これは次のとおりです。

<td><input type="text" id="datepicker"></td>

入力コントロールをクリックしても、何も起こりません。ただし、フィドルのコントロールをクリックすると、機能します。私は何が欠けていますか？

また、jquery1.6.2とjquery-ui1.8.11を使用していることに気付くでしょう。fiddleはこれらのバージョンをオプションとして提供していなかったため、これはfiddleの例とは異なります。バージョンが違うとしたらびっくりします。

4

3 に答える 3

4

スクリプト タグには、開始項目と終了項目の両方が必要です。それらを省略して閉じることはできません。

これの代わりに

<script src="~/Scripts/jquery-1.6.2.js" type="text/javascript" />

これを行う

<script src="~/Scripts/jquery-1.6.2.js" type="text/javascript"></script>
于 2012-08-28T20:02:41.547 に答える
0

これが最終的な答えにならないことを願っていますが、ついに日付ピッカーを表示することができました。多くの試行錯誤と調査の後、jquery の競合があるようですが、その理由はわかりません。誰かが非競合モードと呼ばれるものを提案しました。そこで、datepicker コードを次のように変更しました。

<script type="text/javascript">
    (function ($) {
        $(document).ready(function () {
            $("#endTime").datepicker();            
        });
    })(jQuery);
</script>

そしてそれはうまくいきました。理由はわかりませんが、最終的には少なくとも機能しています。誰かがより多くの洞察、またはより良い答えを提供できる場合は、喜んでそれを選びます。

上記の例は、この回答で説明されています。Basically, what I did was define a function that takes a parameter (the $) and then execute that function with jQuery as the parameter.

私がまだ理解していないのは、なぜこのコードが機能しないのかということです:

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery("#endTime").datepicker();
    });
</script>

が原因で競合が発生し$、 に置き換え$たjQuery場合、動作しないのでしょうか?

于 2012-09-03T01:08:11.213 に答える
-1

日付ピッカーは非常に簡単です。mozilla で firebug のようなものを使用して、エラーがスローされているかどうかを確認してください。また、日付ピッカーは内部で Jquery テーマ ローラーを使用するため、jquery "css/custom-Theme/jquery-custom" をダウンロードして追加してください。 .css" css.

于 2012-08-28T20:12:26.800 に答える