灯箱弹出窗口中的Jquery Datepicker只打开一次

Question

我遇到了一些代码的问题，我知道这可能不是发布它的地方但是我找不到合适的地方的解决方案所以我来找专家。

我在Squarespace上编辑的客户网站在灯箱中有一个表单，我决定添加一个类似好孩子的日期选择器，但遇到了一些问题。在灯箱中，日期选择器仅工作一次（在灯箱表单的第一次加载时）。这是一个小问题，但如果用户在提交或决定提交两次之前退出，则在灯箱表格的第二次和随后打开时，日期选择器不会支持它。

这是我的代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />

<style>
#ui-datepicker-div { z-index: 2147483647 !important; }
</style>

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

<script>
$(function() {
     $( ".field-element.text[placeholder='Click to select the date you require catering']" ).datepicker({ minDate: 1 });
});
</script>

我无法直接访问HTML，因此我使用占位符文本作为选择器。 寻求帮助，希望我不要在这里张贴任何行。

感谢。