1

我创建了一个 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 的链接如下：http ://www.anmaveer.in/honda/js/jquery-ui-datepicker.min.js

4

4 回答 4

1

第一个日历永远不会这样显示。其次，如果您需要获取价值，请使用带有 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>

使用日期选择器的更改事件获取所选日期的值jQuery("#calendar").val();

于 2013-10-16T06:29:11.950 回答
1

创建一个文本框并将其设置为“日历”

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

将此文本框放入表单中，并在提交此表单时请求此文件

$_REQUEST['calender_text'];

现在你可以在你的数据库中插入这个值

于 2013-10-16T06:29:06.113 回答
0

您可以使用 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>

编辑：

演示更新

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

$("#datepicker").datepicker({
         inline: true,
         firstDay: 1,
         showOtherMonths: true,
         dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
    });
于 2013-10-16T06:29:57.680 回答
0

您可以像这样在 JavaScript 中获取日期的值：

HTML：

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

JS：

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

$('#calendar').on('change', function () {
    console.log($(this).val());
})

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

小提琴：http: //jsfiddle.net/KyleMuir/6fJ9u/

希望这可以帮助

于 2013-10-16T06:28:49.420 回答