3

テキストボックスにjQueryを使用したい。yyyy-mm-ddフォーマットとアイコンでDatepickerを使用したい。

<script>
    $( "#txtVon" ).datepicker({
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true     
    });
</script>

<asp:TextBox ID="txtVon" runat="server"></asp:TextBox>

これどうやってするの？

4

5 に答える 5

2 
<script>

            $(".txtVon").datepicker({
            showOn: "button",
            buttonImage: "images/calendar.gif",
            buttonImageOnly: true,
            dateFormat: "yy-mm-dd"
            });


</script>
<asp:TextBox ID="txtVon" runat="server" class="txtVon"></asp:TextBox>

@Curtが提案するように、クラス名を使用してdatepickerをバインドします。また、画像が上記のパスに存在することを確認してください。希望の結果に使用できる日付形式は次のとおりです。"yy-mm-dd"

于 2012-11-29T10:34:23.160 に答える
2

ASP.NET WebFormsを使用する場合、要素を参照するときはIDの代わりにクラスを使用するのが最適です。レンダリングされるIDが異なるためです。

<script>

            $(".txtVon").datepicker({
            showOn: "button",
            buttonImage: "images/calendar.gif",
            buttonImageOnly: true
            });


</script>
<asp:TextBox ID="txtVon" runat="server" class="txtVon"></asp:TextBox>
于 2012-11-29T10:24:27.250 に答える
2

試す：

<script type="text/javascript">
  $(document).ready(function() {
    $("#txtVon.ClientID").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: 'images/ui-icon-calendar.png' });
  });
</script>

jsファイルをインクルードすることを忘れないでください。

于 2012-11-29T10:26:32.613 に答える
2

試す

$.datepicker.formatDate('yyyy-mm-dd', new Date(2012, 1 - 1, 26));

こことここのリンクが役立つと思います

于 2012-11-29T10:27:42.133 に答える
1

以下のファイルが参照可能であることを確認してください。

jquery-1.5.1.min.js
jquery.ui.core.js
jquery.ui.widget.js
jquery.ui.datepicker.js
jquery-ui-1.8.14.custom.css

HTMLコード

<script>
$( "#txtVon" ).datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true,
    dateFormat: 'yyyy-mm-dd'
});
</script>
Date: <asp:TextBox ID="txtVon" runat="server" CssClass="txtVon" />
于 2012-11-29T10:31:32.380 に答える