2014-11-25 16 views
0

我有一個通過asp.net web窗體創建jquery組件,其日期選擇器和視圖狀態我可以選擇我的日期,但我未能導出我的日期到我的文本框。 下面是我的組件的代碼我列入「日期 - 時間 - picker.inc」無法在asp.net文本框中導入jquery日期值

link rel="stylesheet" type="text/css" href="datetimepicker/jquery.datetimepicker.css"/ > 

     <script src="datetimepicker/jquery.datetimepicker.js"></script> 
     <input id="datetimepicker1" type="text" /> 
     <script type="text/javascript"> 
      jQuery('#datetimepicker1').datetimepicker({ 
       lang: 'en', 
       i18n: { 
        en: { 
         months: [ 
        'January', 'February', 'March', 'April', 
        'May', 'June', 'July', 'August', 
        'September', 'October', 'November', 'December', 
         ], 
         dayOfWeek: [ 
         "Su.", "Mo", "Tu", "We", 
         "Th", "Fr", "Sa.", 
         ] 

         } 
          }, 
       timepicker: false, 
       format: 'd-m-Y', 
       maxDate: '-1970/01/01', 
       defaultDate:'true', 
       defaultSelect:'true', 
       startDate: new Date() 

      }); 

,這是我的aspx頁面看起來像

<label><img src="images1/datetime.jpg" /></label> 
      <% 
       Response.WriteFile("components/date-time-picker.inc"); 
      %> 
      <asp:TextBox ID="txtDate" runat="server" ReadOnly = "true"></asp:TextBox> 

我試圖把我的文本框的ID爲JQuery的(「[id $ = txtDate]」)。datetimepicker,但然後我的組件被禁用。任何人都可以幫助我,這是從jquery導出到asp.net文本框的最佳方式,所以我可以進一步處理它。提前致謝。

+1

你有2個輸入字段,我看到'txtDate'和'datetimepicker1'。如果選擇一個日期,它會顯示在'datetimepicker1'字段中?如果是這樣,你爲什麼要把它設置爲'txtDate'?您可以將'datetimepicker1'設置爲ASP.NET TextBox來捕捉代碼隱藏中的值。 – Mivaweb 2014-11-25 10:20:41

+0

@VDesign任何想法如何做到這一點? – 2014-11-25 20:10:37

回答

1

你輸入元素作爲一個ASP.NET控件:

更改此:

<input id="datetimepicker1" type="text" /> 

進入這個:

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

那麼你的JS代碼(可以選擇多種方式):

這裏我要求輸入元素ID結束與$= datetimepicker1因爲如果你使用masterpages會有一個前綴。

jQuery('input[id$=datetimepicker1]').datetimepicker({ 
     // code 

    }); 
相關問題