1

このjQuery日時ピッカーでは、スライドの方向をテキストボックスの右側に変更します。

//ソースページ：

<script type="text/javascript">
        $(function () {
            $(".datepicker").datepicker({ dateFormat: 'dd-mm-yy', minDate: 0,
                changeMonth: true,
                changeYear: true
            }).attr('readonly', 'true');
        });
</script>


<asp:TextBox ID="txtDtVisit" runat="server" CssClass="datepicker" Style="background-image: url('Calendar_Control/images/calendar.gif'); background-repeat: no-repeat; background-position: right;" Width="178px"></asp:TextBox>

デフォルトでは、テキストボックスの下部に表示されます。

4

2 に答える 2

2

スクリプトをこれに置き換えます。

$(function () {
               $('.datepicker').datepicker({
                   changeYear: true,
                   dateFormat: 'dd/mm/yy',
                   showOn: 'button',
                   showmonth: true,
                   buttonText: "",
                   showAnim: 'slideDown',
                   duration: 'fast',
                   buttonImageOnly: true,
                   buttonImage: "Calendar_Control/images/calendar.gif",
                   beforeShow: function (textbox, instance) {
                       instance.dpDiv.css({
                           marginTop: (-textbox.offsetHeight) + 'px',
                           marginLeft: textbox.offsetWidth + 'px'
                       });
                   }
               }).attr('readonly', 'true');
               $(".ui-datepicker-trigger").mouseover(function () {
                   $(this).css('cursor', 'pointer');
               });
           });
于 2012-09-18T09:59:01.380 に答える
0

このようにしてみてください

$( ".selector" ).css('margin-left', $(input).outerWidth() - widget.outerWidth());
于 2012-09-18T10:00:15.237 に答える