2016-02-23 163 views
0

如何在用戶單擊按鈕後獲取jQuery datepicker的值。 我發現這個How to get date, month, year in jQuery UI datepicker?,但我需要它在用戶點擊按鈕時完成,而不是在用戶選擇日期時的事件。按鈕點擊獲取日期,月份,年份jquery datepicker的值

CODE:

 //FOR DATE PICKER 
    $(function() { 

    $('.dateRange').datepicker({ 
      dateFormat: 'mm-dd-yy', 
      changeMonth: true, 
      changeYear: true, 
      yearRange: "1940: +nn" 
      }); 
     }); 
     //When the button is click get the values of selected month,date,year 
      function testDateRange() { 

       var date = $(this).datepicker('getDate'); 
       alert(date); 

       }  

我嘗試這樣

var x = $('#MainContent_startDate').val(); 

它例如輸出2016年2月23日,但我需要的輸出

 Month: 2 
    Date: 23 
    Year: 2016 
+0

只是把代碼中點擊按鈕 – guradio

回答

2

試試這個:

var dt = $("#datepicker").datepicker("getDate"); 
var date = dt.getDate(); 
var month = dt.getMonth()+1; 
var year= dt.getFullYear(); 

使用上述3個變量來打印或在代碼中使用。

+0

嗨,這是錯誤:無法讀取屬性'getDate'爲null –

+0

這意味着變量「dt」得到空值。如果在日期選擇器中沒有選擇日期,可能會發生這種情況。我在你的示例jsFiddle中檢查了這個代碼,它可以工作。確保變量dt在獲取日期,月份,年份值之前獲取日期值。 – Vinothkumar

+0

在點擊按鈕之前,我已經選擇了一個值,您可以顯示小提琴嗎? –

1

按鈕點擊事件函數使用

var date = $(datepickerid).datepicker("getDate") 

JSFiddle

+0

返回null, 這是我的代碼var x = $('#MainContent_startDate')。datepicker(「getDate」); alert(x); –

+0

分享你的代碼,以便我們可以查看它。 –

+0

看看這個JsFiddle http://jsfiddle.net/nb26pz52/ –

1

確保UR按鈕的ID是 'btn' 試試這個:

function testDateRange()    
{ 
dt = $("#datepicker").datepicker("getDate"); 

var mon='Month: '+ (dt.getMonth()+1) +' \nYear: '+ dt.getFullYear() + ' \nDay: ' + dt.getDate(); 

alert (mon); 

} 


$(document).ready(function() { 

     $("#btn").click(
      function() { 
       myDate(); 
      }    
     ); 
    }); 
1

嗨,你可以使用這個:)

var TestVar= $("#datepicker").datepicker("getDate"); 

    var Date = TestVar.getDate(); 

    var Month = TestVar.getMonth(); 

    var Year= TestVar.getFullYear(); 
+0

謝謝你的朋友,看看上面的答案,和你的一樣:-) –

相關問題