如何在Asp.Net内容占位符中添加Datepicker [英] How Do I Add Datepicker In Asp.Net Content Place Holder

问题描述

我试图在内容占位符中添加datepicker，但它工作正常，所有日期字段都有更多空格，最后一列字段进入日历外...



如何解决这个问题，请帮帮我



我的代码如下

< asp：Content ID =Content1ContentPlaceHolderID =headrunat =server>

 <  < span class =code-leadattribute> script     src   =  ../../ jquery / jquery.min.js   类型  =  text / javascript >  <   / script  >  
 <   script     src   =  ../../ jquery / jquery-ui.min。 js    type   =  text / javascript >  <   / script  >  
 <   link     href   =  ../../ jquery / jquery-ui.css    rel   = 样式表    type   =  text / css    /  >  
 
 <   script  < span class =code-attribute>   type   =  text / javascript >  
 $（function（）{
 $（[id $ = txtDate ]）。datepicker（{
 changeYear：true，
 changeMonth：true，
 dateFormat：mm / dd / yy，
 offset：[5,30]，
position：relative，
 
 
}）; 
}）; 
 <   / script  >  

 <   / asp：内容 >  
 <   asp：Content     ID   =  Content2    ContentPlaceHolderID   =  BodyContentPlaceHolder    runat   =  server >  

< asp：TextBox ID =txtDaterunat =server>

解决方案

（function（）{

（[id

= txtDate]）。datepicker （{
changeYear：true，
changeMonth：true，
dateFormat：mm / dd / yy，
offset：[5,30]，
position ：ative，


}）;
}）;
< / script >

 <   / asp：内容 >  
 <   asp：Content     ID   =  Content2    ContentPlaceHolderID   =  BodyContentPlaceHolder    runat   =  server >  

< asp：TextBox ID =txtDaterunat =server>

Hi, i tried to add datepicker inside the content place holder ,but its works fine and all the date fields having more spaces,the last column fields which are comes into outside the calendar..

How can i solve this , Please help me

my code is below
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<script src="../../jquery/jquery.min.js" type="text/javascript"></script>
  <script src="../../jquery/jquery-ui.min.js" type="text/javascript"></script>
<link href="../../jquery/jquery-ui.css" rel="Stylesheet" type="text/css" />

<script type="text/javascript">
        $(function () {
            $("[id$=txtDate]").datepicker({
             changeYear: true,
             changeMonth:true,
             dateFormat: "mm/dd/yy",
              offset: [5,30],
              "position": "relative",


            });
        });
 </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="BodyContentPlaceHolder" runat="server">

<asp:TextBox ID="txtDate" runat="server">

解决方案

(function () {

("[id

=txtDate]").datepicker({ changeYear: true, changeMonth:true, dateFormat: "mm/dd/yy", offset: [5,30], "position": "relative", }); }); </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="BodyContentPlaceHolder" runat="server">

<asp:TextBox ID="txtDate" runat="server">

这篇关于如何在Asp.Net内容占位符中添加Datepicker的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！