Jquery Datepicker 仅用于月份和年份

Question

我正在研究这个日期选择器。我的代码单独运行良好，但是当我将它与整个应用程序一起使用时，它会在日期标签旁边显示空文本框。我创建了一个 plunkr .需要帮助。

因为我的整个代码很大，请 check here .这只是我的代码 datepicker.js 中的一个文件:

$(function () {
    $('.date-picker').datepicker({
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        onClose: function (dateText, inst) {
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
        }
    });
});

Answer 1

你需要包括这个

<link rel="stylesheet"href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

脚本:

  $(function() 
  {   $( "#datepicker" ).datepicker({
       changeMonth:true,
       changeYear:true,
       yearRange:"-50:+50",
       dateFormat:"yy-mm-dd" });
   });

和

<label>Date</label><input type="text" name="datepicker" id="datepicker"/>

这会起作用。