Question

我希望获得带dateRange的多个输入框，包含月份和时间年仅使用 ajax 技术。

在我的项目中，我需要从ajax调用中动态获取多个输入框。每个输入框都应该有日期范围drop-down日历，只有选择月份和年份的选项。

在同一页面（abc.php）上，它可以正常使用以下代码：

 <input type="text" name='startMonth' class="monthyear" />

 <link href="../asset/datepicker3/datepicker3.css" rel="stylesheet" type="text/css" />
 <script src="../asset/datepicker3/bootstrap-datepicker.js" type="text/javascript"></script>

但是当我从ajax调用它没有响应时，代码如下：

abc.php：

<button type="button" onclick="getInputBoxes()">Get Input Boxes</button>
<div id="block_input"></div>
<script>
    function getInputBoxes(){
            $.post('ajx_abc.php', { }, 
        function(data, status){
                    $('#block_input').html(data);
                    $("#block_input").html(data).find(".monthyear").datepicker();
            });
    }
</script>

Ajax文件（ajx_abc.php）：

<?php
for($i=1; $i<=5; $i++){
    <input type="text" name="cust_mnth[]" class="monthyear" />
}
?>

Answer 1

试试这个。首先填充所有输入日期选择器。然后初始化它们;

$(document).ready(function(){
    $(document).find("#block_input .monthyear").datepicker();
});

Answer 2

知道了！：）

只需传递两个参数minViewMode＆amp; format

abc.php：

<button type="button" onclick="getInputBoxes()">Get Input Boxes</button>
<div id="block_input"></div>
<script>
    function getInputBoxes(){
            $.post('ajx_abc.php', { }, 
        function(data, status){
                    $('#block_input').html(data);
                    $("#block_input").html(data).find(".monthyear").datepicker({
                        minViewMode: 1,// 0-normal date calendar; 1-month; 2-year
                        format: 'yyyy-mm',
                        startDate: "0m", // from current month
                        endDate: "+2m" // till next 2 months
                    });
            });
    }
</script>

多个ajax生成的输入只有月份和年份的datepicker

2 个答案: