Php 如何从jquery日历打印日期？

我创建了一个jquery日历，如下所示

<div id="calendar"> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery-ui-datepicker.min.js"></script>
<script>
    $('#calendar').datepicker({
         inline: true,
         firstDay: 1,
         showOtherMonths: true,
         dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
    });
</script>

用户可以从此日历中选择日期。现在，如何使用echo或其他方式在php页面中打印此日期？我想将用户选择的日期存储在数据库中。如何做到这一点？

---

jquery-ui-datepicker.min.js的链接如下所示：

您可以在JavaScript中获得日期的值，如下所示：

HTML:

每次选择新日期时，都会将其记录到控制台。您可以轻松地将console.log更改为自定义逻辑

小提琴：

---

希望这有助于创建文本框并设置其日历id

<input type="text" name="calender_text" id="calendar">

---

现在您可以在数据库中插入此值了

第一个日历将永远不会这样显示。其次，如果需要获取值，请使用id为calendar的文本字段，然后使用代码：

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="js/jquery-ui-datepicker.min.js"></script>
  <script>
$('#calendar').datepicker({
     inline: true,
     firstDay: 1,
     showOtherMonths: true,
     dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
});
 </script>

---

使用jQuerycalendar.val获取日期选择器的更改事件上所选日期的值

u可以使用datepicker作为类来处理具有以下代码的任何输入：

<input id="txt" class="datepicker" type="text" name="txt"></input>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery-ui-datepicker.min.js"></script>
<script>
    $('.datepicker').datepicker({
         inline: true,
         firstDay: 1,
         showOtherMonths: true,
         dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
    });
</script>

编辑：

---

我无法访问您链接中提供的网站我也无法访问您从未使用或需要使用的网站我尝试了此方法，但问题是日历显示不稳定。它仅在单击文本框时显示，并且在选择日历消失的日期后，我希望每次都显示此日历。怎么做？@Vallentin你是对的。当我这么做的时候我很累，复制/粘贴了他的div并重命名为input，因此出现了错误。编辑修复。我尝试了这个，这是工作，但问题是日历并没有显示稳定。它仅在单击文本框时显示，并且在选择日历消失的日期后，我希望每次都显示此日历。如何做到这一点？我尝试了这个，这是工作，但问题是，日历并没有显示稳定。它仅在单击文本框时显示，并且在选择日历消失的日期后，我希望每次都显示此日历。如何做到这一点？

$_REQUEST['calender_text'];

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="js/jquery-ui-datepicker.min.js"></script>
  <script>
$('#calendar').datepicker({
     inline: true,
     firstDay: 1,
     showOtherMonths: true,
     dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
});
 </script>

<input id="txt" class="datepicker" type="text" name="txt"></input>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery-ui-datepicker.min.js"></script>
<script>
    $('.datepicker').datepicker({
         inline: true,
         firstDay: 1,
         showOtherMonths: true,
         dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
    });
</script>

<div id="datepicker"></div>

$("#datepicker").datepicker({
         inline: true,
         firstDay: 1,
         showOtherMonths: true,
         dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
    });