jQuery Datepicker 不适用于日期选择

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..
});