2012-09-27 43 views
0

我似乎不能爲我的生命得到這個正常工作。JQuery的日期選擇器無法正常更新我的變種時的日期選定

當執行jQuery的,它工作正常,並設置VAR(文本)就好了第一次。

然後,如果再次調用,它保持了原始文本和不改變,當然,除非我是刷新網頁。

如何可以將代碼進行修改,使得變種文本設置爲它是什麼應該是什麼?

var sdate, text 

//....1) 
     $(document).on('keypress', function (e){ if(e.which === 13 && $('#dd').dialog('isOpen') === true) { $('.ui-state-active').click(); } }); 
     $('#dd').dialog({ autoOpen: true, modal: true, overlay: { opacity: 1.0, background: 'black' }, title: "SELECT A NEW DUE DATE", height: 235, width: 235, draggable: false, resizable: false}); 

     $('#d1').datepicker({ 
      onSelect: function() { 

       sdate = $(this).val(); 

       text = 'THIS IS THE ORIGINAL TEXT WHEN A DATE IS SELECTED IN THE DATEPICKER' 

       $("#dd").dialog("close"); 

      }//end of onSelect: function() { 
     });//end of datepicker 


//....2) 
     $(document).on('keypress', function (e){ if(e.which === 13 && $('#dd').dialog('isOpen') === true) { $('.ui-state-active').click(); } }); 
     $('#dd').dialog({ autoOpen: true, modal: true, overlay: { opacity: 1.0, background: 'black' }, title: "SELECT APPROVAL DATE", height: 235, width: 235, draggable: false, resizable: false}); 

     $('#d1').datepicker({ 
      onSelect: function() { 

       sdate = $(this).val(); 

       text = 'THE TEXT NEVER CHANGES FOR SOME ODD REASON AND CANT SEEM TO FIGURE OUT WHY' 

       $("#dd").dialog("close"); 

      }//end of onSelect: function() { 
     });//end of datepicker 
+0

有一個語法錯誤,由於在第二個文本分配一個單引號。注意到堆棧溢出語法突出顯示。 –

+0

修正了它,但var文本仍然不會改變。 –

回答

0

的問題是,你調用同一個HTML元素(我假設輸入)上datepicker兩次。來自第二位代碼的onSelect將永遠不會運行。看到這個jsFiddle

你需要做的是有一個第二<input>標籤也是一個日期選擇器,或者想出另一種方式。

0

您引用同一個id兩次(#d1)...第二個datepicker應引用第二個文本框。快速解決。也許是複製和粘貼剩下的。

相關問題