Question

使用datepicker ui选择开始日期和结束日期。它在创建页面上正常工作..但在编辑页面上无法正常工作。当我点击编辑页面中的开始日期时，结束日期自动为空。我使用以下javascript。 css和js文件：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/cupertino/jquery-ui.css">
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

使用Javascript：

$(document).ready(function () {
    $("#from").datepicker({
        dateFormat: 'dd/mm/yy',
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 1,
        onClose: function (selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
        }
    });
    $("#to").datepicker({
        dateFormat: 'dd/mm/yy',
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 1,
        onClose: function (selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate);
        }
    });
});

我的观点：

<p>Start Date: <input type="text" id="from"></p>
<p>End Date: <input type="text" id="to"></p>

查看错误截图： http://i.imgur.com/vz0DbGe.png 当我点击开始日期时，它默认突出显示并仅显示当前日期。

http://i.imgur.com/vz0DbGe.png 选择开始日期后，自动结束日期变为空...并且默认显示2020年..

Answer 1

进口 jQuery的1.10.2.js jQuery的ui.js jQuery的ui.css 你的代码将开始运行

datepicker ui在编辑页面上无法正常工作

1 个答案: