html5输入元素“日期” - 如何显示日历元素

时间:2013-04-06 06:58:43

标签: javascript jquery input datepicker

我有一个使用jqueryUI工作的日历选择器,但想尝试将其转换为本机日期选择器。

我希望能够拥有以下内容:

  1. 以"<开始输入id =" nativedate"类型="日期" />"元素在视图中隐藏。
  2. 当点击主页面元素时,具有<输入>元素显示,打开日历
  3. 当用户在日历上选择日期时,该元素将被隐藏。
  4. 现在,当我进入第2步时,<输入>项目正在显示,但隐藏了日历, 因此,用户必须单击才能显示该元素,然后再次单击以显示日历,然后单击第三次以选择日期。

    编辑:我已尝试过以下内容:

    $('#nativedate').click(function(){
        console.log('click logged');
    })
    

    然后用另一种方法:

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

    根据我设置的事件处理程序工作,但打开日历

1 个答案:

答案 0 :(得分:-1)

一些问题:



i)浏览器的本机日期时间元素是否为打开,或者您的日历是否在输入decleration时打开?
ii)如果您的项目在一段时间后没有显示,那么尝试使用一些javascript来强制它在特定输入标记附近保持打开状态?

这些可以帮助


Disable native datepicker in Google Chrome
Remove background arrow from date input in Google Chrome v20

<小时/> 或尝试Google搜索 或者您可以使用CSS编辑浏览器本机DateTime Picker。