使用带有触发按钮的 jQuery Mobile 日期选择器

Question

我正在使用带有输入标签的标准 JQM 日期选择器

<input type="date" data-clear-btn="false" id="dp" value="2006-09-14">

这里是 jsfiddle 示例：http://jsfiddle.net/GardenOfEmuna/47VUw/

现在我想在触发按钮中显示值并在点击它时打开日期选择器。

有人知道如何使用触发按钮打开日期选择器吗？

Answer 1

您没有使用 jqm 日期选择器，因为没有。您正在使用本机浏览器 datepicker 控件，并且您无法触发它，如 this thread 中所证明的那样

可能的解决方案：

我创建了一个 jsFiddle，它使用 jquery ui 中的 datepicker 和包装类，如 jqm 文档中所示 (link)

html

<div data-role="page" id="foo">
    <div data-role="content">
           <input id='myDatePicker' type="text" data-role="date">
           <button id='myButton' class="ui-btn">Button</button>   
    </div>
</div> 

js

$(document).on('pageinit',function(){
    $('#myButton').click(function() {
        $('#myDatePicker').datepicker( "show" );
    });
});

资源

• jquery.mobile-1.4.2.min.css
• jquery-1.9.1.min.js
• jquery.mobile-1.4.2.min.js
• jquery.ui.datepicker.js