从函数触发 JQuery UI Datepicker 并将日期存储到 var答案

【问题标题】：Trigger JQuery UI Datepicker from Function and store date into a var从函数触发 JQuery UI Datepicker 并将日期存储到 var
【发布时间】：2012-08-27 17:29:36
【问题描述】：

我需要你的帮助。

是否可以通过编程方式使用 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>

提前致谢，

干杯，

杰

【问题讨论】：

标签： javascript jquery html jquery-ui frameworks

【解决方案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);
    });
});

【讨论】：

我只是想知道日期选择器是否总是需要输入框，或者我是否可以打开日期选择器并将所选日期存储到变量中。

【解决方案2】：

我让它在这个小提琴中工作，虽然隐藏的输入框看起来很难看。

http://jsfiddle.net/QfjP5/

【讨论】：