javascript - 如何在php中传递jquery日期参数

Question

请帮助我..我有以下代码..

             //Get the value of Start and End of Week
            $('#weeklyDatePicker').on('dp.change', function (e) {
            var value = $("#weeklyDatePicker").val();
            var firstDate = moment(value, "MM/DD/YYYY").day(0).format("MM/DD/YYYY");
            var lastDate =  moment(value, "MM/DD/yyyy").day(6).format("MM/DD/YYYY");

            $("#weeklyDatePicker").val(firstDate + " - " + lastDate);

            });

现在我想将firstDate和lastDate传递给php.ini。我该怎么做呢。以及如何检索 php.ini 中传递的值我对 javascript 不太熟悉。希望任何人都可以帮助我。提前致谢。

这是我的完整代码.. JS 标签

  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

HTML

 <div class="input-group" id="DateDemo">
<input type='text' id='weeklyDatePicker' placeholder="Select Week" class="form-control" />
<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>

JS

 $("#weeklyDatePicker").datetimepicker({
            calendarWeeks:true,
            format: 'MM/DD/YYYY'

            });

            //Get the value of Start and End of Week
            $('#weeklyDatePicker').on('dp.change', function (e) {
            var value = $("#weeklyDatePicker").val();
            var firstDate = moment(value, "MM/DD/YYYY").day(0).format("MM/DD/YYYY");
            var lastDate =  moment(value, "MM/DD/yyyy").day(6).format("MM/DD/YYYY");
            $("#weeklyDatePicker").val(firstDate + " - " + lastDate);
            alert(firstDate);
            $.post("SAMPLE1.php",{"fdate" : firstDate ,"ldate" : lastDate});
            });


            $('#DateDemo').on('dp.change', function (e) {
            var kk = $("#weeklyDatePicker").val();
             $("#output").html(
            "         Week Number: " + moment(kk, "MM/DD/YYYY").week() + " of " + 
            moment(kk, "MM/DD/YYYY").weeksInYear()
            );
            });

示例 1 代码

 <?php
 echo $_POST["fdate"]; //for firstdate
 echo $_POST["ldate"]; //for lastdate
 ?>

Answer 1

您可以使用 jquery 来实现这一点。试试这个代码:

您的 JS 文件代码:

$('#weeklyDatePicker').on('dp.change', function (e) {
     var value = $("#weeklyDatePicker").val();
     var firstDate = moment(value, "MM/DD/YYYY").day(0).format("MM/DD/YYYY");
     var lastDate =  moment(value, "MM/DD/yyyy").day(6).format("MM/DD/YYYY");
     $("#weeklyDatePicker").val(firstDate + " - " + lastDate);

     $.post("main.php",{fdate : firstDate ,ldate : lastDate},function(data) {
        alert(data);
    });
});

您的 PHP 文件代码 (main.php)

<?php
if(isset($_POST["fdate"])) {
   echo $_POST["fdate"]; //for firstdate
}
if(isset($_POST["ldate"])) {
    echo $_POST["ldate"]; //for lastdate
}
?>

确保这两个文件位于同一文件夹中。