2016-08-26 11 views
-1

NuGetからXDSoftのjquery-datetimepickerを追加しましたが、ビューにレンダリングするのが非常に困難です。MVC Editorでjquery-datetimepicker.jsを使用する

http://xdsoft.net/jqplugins/datetimepicker/(パッケージのページ)とhttp://www.codeguru.com/csharp/.net/net_asp/a-jquery-ui-based-date-picker-for-asp.net-mvc-5.html(これはjquery-UIパッケージのものですが、より一般化されたヘルプがあります)でもいくつかの指示を一緒にしようとしましたが、どこが間違っているのか分かりません。 BundleConfig.csで

、私が追加しました:

// datetime picker 
    bundles.Add(new ScriptBundle("~/bundles/datetime").Include(
     "~/Scripts/jquery.datetimepicker.js")); 
    bundles.Add(new StyleBundle("~/Content/datetime").Include(
     "~/Content/jquery.datetimepicker.css")); 

次に_Layout.cshtmlに、私が追加しました:

@Styles.Render("~/Content/datetime") 

と:こだわり

を問題を解決するために、問題のビューに直接追加することを試みました。これは、作成ビューのテンプレートに基づいています。

私の理解では、コントロールのクラスを「日時」に設定するだけです。これは機能しません(通常のテキストボックスとして表示されます)。

代わりに@Html.TextBoxFor()を使用してみましたが、役に立たなくなりました。クラスをxdsoft_datetimepickerに変更すると、テキストボックスを作成するのではなく、空のギャップが残っていますが、明らかにまだ欲しいものはありません。 完全チュートリアルへ

任意のポインタ、またはリンクとらわれない(ブラウザを示すために(それほどではないと仮定知識、それは私がそれを追加するか、どのよどこ地球上の言わずに、機能を追加することに言及https://cuteprogramming.wordpress.com/2015/08/29/jquery-plugins-xdsoft-datetimepicker-and-jssor-slider/、など) )モデルのDateTimeプロパティの日付時刻ピッカーは非常に高く評価されます。

+1

要素にプラグインを接続する必要があります。例:$(someElement).datetimepicker({...}); 'ビューを表示します。 –

答えて

0

また、私が使用したcodeguruウェブサイトのrefも使用しました。デバッグ時にjscssファイルが正しくロードされていることを確認してください。そうでない場合は、バンドルの代わりに_Layout.cshtmlのダイレクトリンク参照を使用してください。

関連する問題