2016-05-06 43 views
0

我正在使用一個monthpicker插件爲HTML頁面http://www.jqueryscript.net/demo/Minimal-jQuery-Month-Picker-Plugin-Simple-MonthPicker。 我可以按預期下載並運行它。但是,我在渲染用戶選擇的月份時遇到問題。 我的HTML代碼:我如何訪問Javascript中選定的HTML元素(monthpicker)

<body> 
<input id="demo-1" type="text" /> 
       <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
       <script src="monthpicker.js"></script> 
       <script> 
        $("#demo-1").Monthpicker({ 
         dateFormat: 'yymmdd', 
         onSelect: function (dateText, inst) { 
          var dateStringForApi = $(this).val(); 
          alert(dateStringForApi); 
         } 
         }); 
       </script> 
</body> 

毫無戒備的時候我選擇的年份和月份。 誰能告訴我我哪裏錯了? 請查看附件中的圖片瞭解更多詳情。 enter image description here

PLNKR DEMO http://embed.plnkr.co/wui6hRg4E4gbAWPqbr6y/

+0

圖像沒有多大用處。將您的代碼發佈到例如。的jsfiddle。我們需要一個[mcve] – yezzz

+0

這個文檔說你需要通過'$(「#demo-1」)獲得它。val()' –

+0

Plunkr鏈接在Question中更新。 –

回答

1

$(this).val();是未定義的。 this是此範圍中的MonthPicker對象,如果您檢查它,它將不具有值屬性。

使用$("#demo-1").val()將返回您正在查找的值。

+0

這不幸沒有奏效。 請看我在這裏的整個代碼: http://embed.plnkr.co/wui6hRg4E4gbAWPqbr6y/ –

+0

那是因爲你已經改變了你之前發佈的代碼,你正試圖在它被設置之前得到它的值。看[示例](http://plnkr.co/edit/2DW8uqTa3opgqqN04jAx?p=preview) – spaceman

+0

非常感謝太空人! 工作。請發佈它作爲答案。 –