Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
不带触发器的jQuery日期选择器_Jquery_Jquery Ui_Jquery Ui Datepicker - Fatal编程技术网

不带触发器的jQuery日期选择器

不带触发器的jQuery日期选择器,jquery,jquery-ui,jquery-ui-datepicker,Jquery,Jquery Ui,Jquery Ui Datepicker,我想在页面上显示jQuery 3个月日历。用户将选择某个日期并单击按钮以查看日程安排 我尝试了以下jQuery代码 <input type="text" id="dp-text-box" /> $("#dp-text-box").datepicker({ numberOfMonths: 3, dateFormat:'yy/mm/dd' }); 但是,它将显示

我想在页面上显示jQuery 3个月日历。用户将选择某个日期并单击按钮以查看日程安排

我尝试了以下jQuery代码

<input type="text" id="dp-text-box" />

$("#dp-text-box").datepicker({               
            numberOfMonths: 3,               
            dateFormat:'yy/mm/dd'
        });
但是,它将显示文本框,用户必须单击以打开日期选择器

但是在我的例子中,我应该显示datepicker默认值并允许用户导航

请找到我需要的附加图像。

从手册中

显示嵌入在页面中而不是覆盖中的日期选择器。只需对div而不是输入调用.datepicker即可

HTML

注:选择未测试的钻头,但应能正常工作。

来自手册

显示嵌入在页面中而不是覆盖中的日期选择器。只需对div而不是输入调用.datepicker即可

HTML


注意:onSelect位未测试,但应该可以工作。

使用div而不是textbox

javascript

$(function() {
    $( "#datepicker" ).datepicker();
});
html


使用div而不是textbox

javascript

$(function() {
    $( "#datepicker" ).datepicker();
});
html


这很有魅力!谢谢但是我们如何在没有文本框的情况下获得选定的日期呢?我希望处理所选日期。您仍然可以在此日期选择器上拥有onSelect事件。让我知道你是否可以处理它,或者需要一些关于如何处理它的指针。我将通过一些隐藏字段处理这个问题,并在onSelect事件中设置值。如果我错了,你可以纠正我!这很有魅力!谢谢但是我们如何在没有文本框的情况下获得选定的日期呢?我希望处理所选日期。您仍然可以在此日期选择器上拥有onSelect事件。让我知道你是否可以处理它,或者需要一些关于如何处理它的指针。我将通过一些隐藏字段处理这个问题,并在onSelect事件中设置值。如果我错了,你可以纠正我!
$(function() {
    $( "#datepicker" ).datepicker();
});
<div id="datepicker"></div>