展开输入日期日历（浏览器原生） [英] expand input date calendar (browser native)

问题描述

是否可以扩展原生浏览器日历..

Is it possible to expand a native browser calendar..

<input id="calendar" type="date"></input>

..就像你实际点击它一样？

..just like you're actually clicking on it?

我尝试模拟点击事件：

$('#calendar').trigger('click');

但没有运气。想法？ 在这里搞笑

but no luck. Ideas? Fiddle here

PS：我是<强>不对jquery datepicker等插件感兴趣。谢谢

PS: i'm not interested in plugins like jquery datepicker etc. Thanks

推荐答案

可能你可以使用这个hack -

May be you can use this hack -

http://jsfiddle.net/f4tmz4td/

HTML

<input id="calendar" type="date"></input>
<input class="button" type="button" value="Click"/>

CSS

#calendar {
  position: absolute;
  opacity: 0;
  right: 15px;
}

.button{
  float: right;
}

使用CSS将日期选择器放在btn上方。使用Opacity：0隐藏日期选择器，以便用户可以看到您的按钮。

Uses CSS to position the datepicker just over the btn. The datepicker is hidden using Opacity: 0 so users can see your button.

这篇关于展开输入日期日历（浏览器原生）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！