HTML5输入日期类型jQuery触发器

Question

我将为您翻译以下内容，这是关于IT技术的问题。请注意，我会保留HTML标记，但不会写解释。以下是需要翻译的内容：

我正在尝试以编程方式触发日期输入框的下拉组件（即日历部分），类似于单击输入框字段上的向下箭头。这是否可能？我不想使用日期选择库。

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/

- Joe Austin

---

相关：使用Javascript触发选择表单元素以显示其选项（打开下拉选项列表） - Calvin Scherle

http://jsfiddle.net/mvobkjcu/13/ - Hackerman

基本上根据那个问题，你不会能够在没有一些插件或复杂的解决方案的情况下实现这个。 - Calvin Scherle

Answer 1

长话短说，看起来你不能这样做。我使用了一个日期选择器。

- Joe Austin

Answer 2

2022年更新

您可以使用showPicker()。

IE:

$('#myDatePicker').showPicker()

- jamesdlivesinatree

Answer 3

看看这个，（使用插件实现的）

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');
            });

        });

- Pandiyan Cool

---

根据原帖：「我不想使用日期选择库...」 - War10ck