javascript - 我没有使用 jquery 获取月/年 slider

Question

我想在我的网站右侧获得月/年选择器 slider 。我从一个网站获得了一个代码。它正在工作，但在我下载后它不起作用。我添加了 jquery.js 文件夹。它是正确的吗？请帮助..我的代码是

<script src="jquery.js"></script>
    <script src="jquery.min.js."> 
    $(function() {
        $('.monthYearPicker').datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'MM yy'
        }).focus(function() {
            var thisCalendar = $(this);
            $('.ui-datepicker-calendar').detach();
            $('.ui-datepicker-close').click(function() {
    var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
    var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
    thisCalendar.datepicker('setDate', new Date(year, month, 1));
            });
        });
    });
           </script>

    <style type="text/css">
    ui-datepicker-calendar {
        display: none;
     }
    </style>
    <label for="myDate">Date :</label>
    <input name="myDate" class="monthYearPicker" />

请帮忙。我必须包含哪些 jquery？jquery.js 还是 jquery.min.js？

Answer 1

您必须包含正确的文件:

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<label for="myDate">Date :</label>
<input name="myDate" class="monthYearPicker" />

JS:

$(function () {
    $('.monthYearPicker').datepicker({
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy'
    }).focus(function () {
        var thisCalendar = $(this);
        $('.ui-datepicker-calendar').detach();
        $('.ui-datepicker-close').click(function () {
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            thisCalendar.datepicker('setDate', new Date(year, month, 1));
        });
    });
});

演示:http://jsfiddle.net/lotusgodkk/GCu2D/797/