2012-08-27 35 views
0

我需要你的幫助。從函數和存儲日期觸發JQuery UI Datepicker到變量

它在編程上是否可以使用jquery選取器,即。通過調用一個函數來觸發日期選擇器,然後將選定的日期存儲到一個var中,而不是隱藏的輸入框?

任何幫助,這將不勝感激。

我已經觸發了一個函數中的日期選擇器,但使用了一個隱藏的輸入框。

<html> 

<head> 

<!-- LOAD JQUERY LIBRARY: --> 
    <link href="jq/jquery-ui.css"   type="text/css" rel="stylesheet" /> 
    <script src="jq/jquery.min.js"   type="text/javascript"> </script> 
    <script src="jq/jquery-ui.min.js"  type="text/javascript"> </script> 

<script type="text/javascript"> 

function test() { 

$("#d1").datepicker().datepicker("show"); 




} 

</script> 



</head> 

<body> 

<input style="display: none" type="text" id="d1"> 

<a href="javascript:test()">test</a> 

</body> 

</html> 

由於提前,

乾杯,

周杰倫

回答

1

它只是連接到一個div,而不是輸入控制。

The JSFiddle

的HTML:

<div id="d1"></div> 

<a href="#" id="test">test</a> 

的JS:

$('#test').click(function(){ 
    var datePickerValue = null; 

    $("#d1").datepicker().datepicker("show").change(function() 
    { 
     datePickerValue = $(this).val(); 
     alert("You picked: " + datePickerValue); 
    }); 
}); 
+0

我只是好奇,想知道如果日期選取器總是需要一個輸入框,或者我可以只打開日期選擇器和存儲選定的日期到一個變量。 –

+0

哦,那麼答案是肯定的!看我更新的例子。 – Grinn