Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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/5/spring-mvc/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
Javascript 无法手动打开Jquery日期选择器_Javascript_Jquery_Twitter Bootstrap_Jquery Ui - Fatal编程技术网

Javascript 无法手动打开Jquery日期选择器

Javascript 无法手动打开Jquery日期选择器,javascript,jquery,twitter-bootstrap,jquery-ui,Javascript,Jquery,Twitter Bootstrap,Jquery Ui,我正在尝试手动打开jquery datepicker(仅在自定义按钮单击事件上)。选择textbox时不应启动datepicker,但它不起作用 我遗漏了什么吗 $(函数(){ $('#InputExpirationDateBtn')。在('单击',函数(){ $('#InputExpirationDateTxtBox')。日期选择器(“显示”); }); }); 发射试验模式 &时代; 试验 到期日期 接近 保存更改 它必须是您的自定义按钮,因为在jQuery datepicker中,您可

我正在尝试手动打开jquery datepicker(仅在自定义按钮单击事件上)。选择textbox时不应启动datepicker,但它不起作用

我遗漏了什么吗

$(函数(){
$('#InputExpirationDateBtn')。在('单击',函数(){
$('#InputExpirationDateTxtBox')。日期选择器(“显示”);
});
});

发射试验模式
&时代;
试验
到期日期
接近
保存更改

它必须是您的自定义按钮,因为在jQuery datepicker中,您可以指定如何调用弹出窗口。如果设置“显示:按钮”
,按钮将插入文本框旁边,您可以更改按钮的标题或图像

  $("#InputExpirationDateTxtBox").datepicker({
    showOn: "button",
    buttonText: '<i class="glyphicon glyphicon-calendar"></i>'
  }); 
$(“#InputExpirationDateTxtBox”).datepicker({
展示:“按钮”,
buttonText:'
}); 
两件事:

需要设置z索引

#ui-datepicker-div {
    z-index:1151 !important;
}
需要在单击之前定义日期选择器

$("#InputExpirationDateTxtBox").datepicker({
    showOn:'none' //making the datapicker show on nothing
});
这是对你有用的


只是想让你知道。还有一种替代方法

非常有效+从我这里得到1。