HTML5输入日期类型jQuery触发器

Question

我尝试以编程方式触发日期类型输入的下拉列表组件（日历位）（类似于单击输入字段上的向下箭头）。这可能吗？我不想使用datepicker库。

HTML：

<input type="date" id="myDatePicker">
<button id="myButton">Click Me</button>

JavaScript / jQuery：

$('#myButton').click(function(){
    //$('#myDatePicker').click();//Doesn't do anything...
    //$('#myDatePicker').blur();//Doesn't do anything...
    //$('#myDatePicker').change();//Doesn't do anything...
    //$('#myDatePicker').focus();//Doesn't do anything...
});

http://jsfiddle.net/joepegler/mvobkjcu/8/

Answer 1

长话短说，你似乎无法做到。我改为使用了一个日期选择器。

Answer 2

检查一下，（使用插件实现）

http://jsfiddle.net/pandiyancool/v6zpbmao/

    $(document).ready(function() {
            $("#myDatePicker").datepicker({
                showOn: 'button',
                buttonText: 'Click me',
                dateFormat: 'dd/mm/yy',
                constrainInput: true
            });

            $(".ui-datepicker-trigger").mouseover(function() {
                $(this).css('cursor', 'pointer');
            });

        });

Answer 3

尝试

$('#myDatePicker').focus();

应该触发它。