0

私は1週間以上、asp.netテキストボックスで動作するようにJQueryDateTimePickerアドオンを作成しようとしています。私は単にそれを得ることができず、理由もわかりません。

それを機能させるのを手伝ってくれませんか？

ASP.NETコード：

<asp:Content ID="Content2" ContentPlaceHolderID="bodyContent" Runat="Server">
<style type="text/css">
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
</style>

<script src="Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
<script type="text/javascript">
    $(function () {
        $("#start_DateTime").datetimepicker();
        $("#end_DateTime").datetimepicker();
    });
</script> 

<label for="start_DateTime">
                            Start Date & Time</label>
                        <asp:TextBox ID="start_DateTime" CssClass="textarea" runat="server"></asp:TextBox> </asp:Content>

このテキストボックスには何も表示されません。また、Internet Explorerでページを閲覧する前に、次のエラーメッセージが表示されましたが、その理由はわかりません。

ここに画像の説明を入力してください

アップデート：

コードを変更して次のようにしました

$('#' + '<%= start_DateTime.ClientID %>').datetimepicker();

それ以外の

$("#start_DateTime").datetimepicker();

それでも同じエラーが発生します。IEでJscriptデバッガーを実行すると、次のように表示されます。

ここに画像の説明を入力してください

更新＃2：

ついに入手しましたが、テキストボックスの上部に表示される理由がわかりません。その下と右側に表示されます。

ここに画像の説明を入力してください

4

2 に答える 2

1

jquery uiの後にtimepickerアドオンをロードします。datetimepicker アドオンには、jquery ui との依存関係があります。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script src="Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

試す：

$('#' + '<%= start_DateTime.ClientID %>').datetimepicker();

asp.net によって生成された ID を考慮しない場合は、代わりにクラスによって行うことができます。

<asp:TextBox ID="start_DateTime" CssClass="textarea datepicker" runat="server"></asp:TextBox>


$(function(){
   $(".datepicker").datetimepicker();
});
于 2012-08-10T00:46:42.107 に答える
0

ASP.NET は実行時に ID 属性の名前を動的に変更するため、ブラウザーで HTML ソースを表示すると、「start_DateTime」がレンダリングされた ID タグのほんの一部であることがわかります。

レンダリングされた ID は多少の努力で取得できますが、代わりに、ASP.NET で JQueryUI を使用するために構築された次のライブラリを使用することを検討しましたか?

http://juiceui.com

于 2012-08-10T00:41:26.933 に答える