如何在Mvc Razor中对齐图像按钮位置（Vbhtml） [英] How Can I Align The Image Button Position In Mvc Razor(Vbhtml)

问题描述

我是mvc的新手，razor html，问题是，我使用了datepicker（jquery）图片按钮我的页面为datatime文本框，但在视图中图像按钮位于文本框的上方，所以任何人都可以给我一个代码...



代码如下

textbox

----- -



@ Html.EditorFor（函数（模型）model.txtFrmDate，New With {.Class =textinput}）



imagebutton jquery

------------------

I am new to mvc,razor html , problem is, i have used datepicker(jquery) image button my page for datatime text box, but in the view the image button is lightly located upper form the textbox , so any one can give me a code for that ...

code is below
textbox
-------

@Html.EditorFor(Function(model) model.txtFrmDate, New With {.Class = "textinput"})

imagebutton jquery
------------------

<script type="text/javascript">
        $(function () {
            $("#txtFrmDate").datepicker({
                showOn: "button",
                buttonImage: "../../images/Calender.png",
                buttonImageOnly: true,
                changeMonth: true,
                changeYear: true,
                dateFormat: 'dd-M-yy'
            }
             );
        });
    </script>

提前感谢



Velsamy A

thanks in advance

Velsamy A

推荐答案

（function（）{

(function () {

（＃txtFrmDate ）.datepicker（{
showOn：button，
buttonImage：../../ images / Calendar.png，
buttonImageOnly：true，
changeMonth：true ，
changeYear：true，
dateFormat：'dd-M-yy'
}
）;
}）;
< / script >

("#txtFrmDate").datepicker({ showOn: "button", buttonImage: "../../images/Calender.png", buttonImageOnly: true, changeMonth: true, changeYear: true, dateFormat: 'dd-M-yy' } ); }); </script>

提前感谢



Velsamy A

thanks in advance

Velsamy A

这篇关于如何在Mvc Razor中对齐图像按钮位置（Vbhtml）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！