Question

首先道歉，如果我错误地看待另一个解决方案，但我没有管理，可以解决这个问题。我的html，脚本代码和定义被正确放置，它正在显示和弹出datepicker日历，但是在选择日期时会出现问题。如果我遗漏了某些内容，这是我的审核代码。

HTML代码

<table style="border:none">
                                <tbody><tr>
                                    <td>Date From: &nbsp;</td>
                                    <td><input class="form-control input-sm" id="from" name="from" size="10" required="" type="text"></td>
                                    <td> </td>
                                    <td>Date To: &nbsp;</td>
                                    <td><input class="form-control input-sm" id="to" name="to" size="10" required="" type="text"></td>
                                </tr>
                                </tbody></table>

的Javascript

$("#from").val(moment().format('DD/MM/YYYY'));
$("#to").val(moment().format('DD/MM/YYYY'));
$('#from, #to').datepicker({
  format: 'dd/mm/yyyy'
});

'head'部分的脚本定义（包括所有脚本声明，以便明确定义我的问题）。

<script src="/strateq/js/jquery.min.js"></script>
    <script src="/strateq/js/jquery.redirect.js"></script>
    <script src="/strateq/js/jquery.dataTables.min.js"></script>
    <script src="/strateq/js/bootstrap-datepicker.min.js"></script>
    <script src="/strateq/js/moment.min.js"></script>
    <script src="/strateq/js/bootstrap.min.js"></script>
    <script src="/strateq/js/dataTables.bootstrap.min.js"></script>
    <script src="/strateq/js/metisMenu.min.js"></script>
    <script src="/strateq/js/sb-admin-2.js"></script>

Answer 1

试试吧..

$('#from, #to').datepicker({
    format: 'dd/mm/yyyy',
    startDate: moment().format('DD/MM/YYYY'),
    endDate: moment().format('DD/MM/YYYY')
});

但这只会覆盖初始页面加载。如果您还需要检测更改事件，则需要查看event文档。

.on(picker_event, function(e) {
    // `e` here contains the extra attributes
});

未经测试但是给它一个旋转......

$('#from, #to').datepicker({
    format: 'dd/mm/yyyy',
    startDate: moment().format('DD/MM/YYYY'),
    endDate: moment().format('DD/MM/YYYY')
}).on('changeDate', function(e) {
    // do something..
});

jQuery Datepicker没有在日期选择上工作

1 个答案: