Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.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 从span by图标调用函数_Javascript_Jquery_Html - Fatal编程技术网

Javascript 从span by图标调用函数

Javascript 从span by图标调用函数,javascript,jquery,html,Javascript,Jquery,Html,我对这段代码有一些问题: jQuerydocument.readyfunction${ jQuerycheck\u in.datepicker{ 日期格式:年月日, minDate:0, showOtherMonths:是的, 第一天:1, onSelect:函数selectedDate{ jQuery check_out.datepicker选项,minDate,selectedDate; }, }; jQuerycheck_out.datepicker{ 日期格式:年月日, minDate

我对这段代码有一些问题:

jQuerydocument.readyfunction${ jQuerycheck\u in.datepicker{ 日期格式:年月日, minDate:0, showOtherMonths:是的, 第一天:1, onSelect:函数selectedDate{ jQuery check_out.datepicker选项,minDate,selectedDate; }, }; jQuerycheck_out.datepicker{ 日期格式:年月日, minDate:0, showOtherMonths:是的, 第一天:1, onSelect:函数selectedDate{ jQuery签入日期选择器选项,maxDate,selectedDate; }, }; }; '; “.”“签出”和“使用”
正如@smerny jQuery UI datepicker在评论中所注意到的,datepicker有一个显示日历图标的选项。这就是你能做的。然而,datepicker代码所做的基本上是在这个图标上绑定一个点击事件,它只是将焦点放在相应的输入文本字段中。所以你们的第二个选择是:若你们仍然想使用你们自己的图标,也许你们想要不同的HTML结构,你们所需要做的就是把输入字段集中在图标点击上。也许是这样:

$('.icon-calendar').click(function() {
    $(this).prev(':text').focus();
});
不过,我更倾向于使用配置选项


Demo:最好通过它的id而不是DOM中的位置来获取输入。这样,如果将来有更改,您的javascript仍然可以保证工作,前提是id不是更改的对象

$(".icon-calendar").click(function() {
    $("#check_out").focus();
});

但是我同意dfsq关于使用内置的日期选择器配置是最佳选择的说法。

您的意思是希望在有人单击时初始化日期选择器。日历图标?如果是的话。。。入住还是退房?如果不是,您希望调用什么函数?我想是哪种方式…$。图标-日历。单击我的功能;这是您点击span调用任意函数的方式。另外,您似乎正在尝试使用内置的jquery ui功能来完成某些事情。。。查看并单击以查看源代码。有一些属性可用于显示图像和选择某个图像等。感谢回复,我已经看到了jquery ui的内置功能,但我不知道如何将其连接到我的数据库。我买了一个wordpres的模板,我想在模板上做这样的更改。我已经搜索了很多如何解决这个问题,但问题是我现在没有javascript编程的基础知识…谢谢你的回答,你解释得很好,但我仍然犯了错误,所以我可以发送给你所有代码编写的文件吗?所以,为了解决这个问题,因为我试图解决这个问题超过4天:-D这里是文件:检查出来,如果你可以:-如果你张贴你的代码在小提琴或创建一个单独的问题会更好。哇,非常感谢你!!!目前的解决方案是$check\u out.focus;。。。一切正常!!!!谢谢~~