Question

我目前正在使用2个单独的JQuery日期选择器，我已经修改了格式，以便能够通过存储在后端MySQL数据库中。

<script>
$(function() {
$( ".datepicker" ).datepicker({
        inline: true,
        showOtherMonths: true,
        dateFormat: 'yy-mm-dd',
        dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],  
    });
});
</script>

我的日期拣货员在这里被称为

<input type="text" class='datepicker' name="datepicker1" />
<input type="text" class='datepicker' name="datepicker2" />

我一直试图通过ajax将所选日期传递给php。我尝试过使用getDate函数，但运气不好。

$（“。datepicker”）。datepicker（'getDate'）;

Answer 1

由于您有两个带有.datepicker类的元素，因此选择器不会知道可以选择哪个元素。因此，您必须指定您尝试从中获取日期的输入的名称。

first = $(".datepicker[name=datepicker1]").datepicker('getDate');
second = $(".datepicker[name=datepicker2]").datepicker('getDate');

演示：http://jsfiddle.net/hungerpain/TWmcD/

注意：

val()不会比使用getDate更容易吗？您可以在mysql本身格式化代码日期，并在客户端保存您的工作。

first = $(".datepicker[name=datepicker1]").val();
second = $(".datepicker[name=datepicker2]").val();

Answer 2

$(".datepicker").datepicker( 'getDate' )将仅返回$(".datepicker")选择器的第一个元素中的日期值，在这种情况下，它可能是datepicker1。

要获取这两个输入字段的值，您需要使用

var dfs = $('.datepicker');
var f1 = dfs.filter('[name="datepicker1"]').datepicker( 'getDate' );
var f2 = dfs.filter('[name="datepicker2"]').datepicker( 'getDate' );

演示：Fiddle

Answer 3

当您选择日期时，您可以调用另一个Ajax函数将所选日期发送给PHP。

onClose: function( selectedDate ) {
    $.ajax({url: 'test.php', data: {date: selectedDate}});
}

Answer 4

使用jquery插件获取日期选择器

 <p>Date:<input type="text" id="datepicker"/></p>
    <script>
    $(function() {
    $( "#datepicker" ).datepicker();
    }); 
    </script>

also see jsfiddle

JQuery Datepicker获取选定日期

4 个答案: